@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
pre{text-align: inherit;}
.fred{color: #f21010;}
.w100{width: 100%;}
:root{
--max-width: 1600;
--max-width2: 1440;
--background-cover: no-repeat center center / cover;
--background-contain: no-repeat center center / contain;
--default-color__rgb: 51, 51, 51; /*#333*/
--default-color: rgba(var(--default-color__rgb), 1);
--primary-color__rgb: 209, 49, 56;/*#d13138*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 3, 15, 39;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: 'Poppins', sans-serif;
--font-family__en: 'Poppins', sans-serif;
--white-color__rgb: 255,255,255; /*#FFFFFF*/
--white-color: rgba(var(--white-color__rgb), 1);
--black-color__rgb: 0,0,0; /*#000000*/
--black-color: rgba(var(--black-color__rgb), 1);
--main_line_height: 1;
--button_height: 0.7rem;
--font-weight__l: 100;
--font-weight__r: 400;
--font-weight__m: 500;
--font-weight__sb: 600;
--font-weight__b: 700;
--ttf:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition: 1s var(--ttf);
--ttf-bouce:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--itemhover:	transform: translate3d(0, -4px, 0);
--header_height: 1rem;
--border:1px solid #ededed;
--bg-color:#edf2f7;
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{/*max-width: 1920px;*/margin: 0 auto;}
@media (max-width: 1680px) {
html:not(.view){font-size: calc(100 / 1660 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 560 * 100vw);}
}

body{font-size: var(--font-size__18); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--black-color);}

.container {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width) * 1px);position: relative;z-index: 1;}
.w1440 {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width2) * 1px);position: relative;z-index: 1;}
@media (max-width: 1024px) {
.container { width: 94%;}
.w1440 { width: 94%;}
:root{
  --header_height: 0.65rem;
}
}

.view.editor{line-height: 1.8;}


/* btn */
.more{display: inline-block;text-align: center;min-width: 2rem;color: #818181;border-radius: 0.55rem;position: relative;line-height: 0.55rem;overflow: hidden;font-weight: var(--font-weight__m);z-index: 10;cursor: pointer;padding: 0 0.15rem;overflow: hidden;font-size: var(--font-size__16);}
.more:before{left: 0;top: 0;width: 100%;height: 100%;border: 0.02rem solid #818181;border-radius: 0.55rem;position: absolute;content: "";}
.more span{position: relative;z-index: 10;}
.more:after{width: 0.25rem;height:0.25rem;background-color: var(--primary-color);content: "";position: absolute;left:50%;top:50%;transition: all 1s ease-in-out;transform: translate(-50%,-50%);opacity: 0;border-radius: 50%;}
.more:hover span{color: #fff;}
.more:hover:after{width: 3rem;height: 3rem;opacity: 1;}
.more.white{color: #fff;}
.more.white:before{border-color: #fff;}

.more-detail{color: #666;font-size: var(--font-size__16);margin: 0;}

@media(max-width:480px){
  .more{width: 1.5rem;border-radius: 0.46rem;line-height: 0.44rem;}
}

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100; transition: var(--transition);--max-width:1600;border-bottom: 1px solid transparent;background-color: transparent;border-bottom: 0 !important;}
header .logo img{ height: 0.4rem;}
header .logo img.on{display: none;}
header .container{height: var(--header_height);position: static;}
.main-nav{font-size: var(--font-size__16);}
.main-nav li > span,
.main-nav li span a{display: block;font-weight: var(--font-weight__m);}
.main-nav li span a{line-height: var(--header_height);position: relative;display: block;}
.main-nav li span a::before{position: absolute; content:''; left: 50%; bottom: 0.2rem; height: 0.04rem; transform: translateX(-50%);opacity: 0;width: 0; transition: var(--transition);border-radius: 0.05rem;}
.main-nav li span a::before{background-color: var(--white-color); }
.main-nav li span a::before{background-color: var(--primary-color); }

.h-lang{margin-right: var(--padding-margin__45);position: relative;font-size: var(--font-size__16);}
.h-lang dt{display: flex;align-items: center;justify-content: center;background: url(../images/lang.svg) no-repeat 0 center/0.18rem 0.18rem;padding-left: 0.28rem;line-height: 1.5;}
.h-lang dt:after{content: "";width: 9px;height: 4px;background: url(../images/arr_b_white.svg) no-repeat;}
.h-lang dd{position: absolute;left: 0;top: 100%;width: 100%;}
.h-lang a{margin-right: 0.13rem;}
.h-lang a:hover{color: #777777;}

.open-search{display: block;width: 0.17rem; height: 0.18rem; background: var(--background-contain);cursor: pointer;}
.open-search{background-image: url(../images/search.svg);}
.search-show .open-search{background-image: url(../images/close.svg) !important;}

.top-search{position: absolute; top: 100%; left: 0;width: 100%;padding: 0.2rem 0; background-color: rgba(var(--black-color__rgb),0.3);display: flex;justify-content: center; transform: translateY(0.2rem); opacity: 0; transition: var(--transition); visibility: hidden;}
.top-search .inner{position: relative;border-radius: 0.05rem;max-width: 6rem;width: 90%;background-color: var(--white-color);padding: 0 0.2rem 0 0;}
.top-search .form-input{padding: 0 0.2rem; line-height: 0.52rem;height: 0.52rem;flex: 1;}
.top-search .btn{ width: 0.4rem;height: 0.4rem;background: url(../images/search-dark.svg) var(--background-contain); margin-left: 0.2rem; flex-shrink: 0; background-size: auto 60%;}
.search-show .top-search{transform: translateY(0); opacity: 1; visibility: visible;}

.main-nav{margin-left: auto;padding-right: 0.22rem;}
.main-nav li{margin: 0 0.4rem 0 0;position: relative;z-index: 99;}
.main-nav .sub{ border-top: var(--border); transition: 0.5s;}
.main-nav .sub .left dd:not(:last-child){margin-bottom:0.3rem;}
.main-nav .sub .p-menu dd{line-height: calc(30 / 22);color: #666;}
.main-nav .sub .p-menu dd br{display: contents;}
.main-nav .sub .p-menu dd:not(:last-child){margin-bottom:0.22rem;}
.main-nav .sub:not(.sub-projects) .p-menu dd a{color: #666;}
.main-nav .sub:not(.sub-projects) .p-menu dd:hover a{color: var(--primary-color);}
.main-nav .sub-projects{display: flex;justify-content: center;background-color: #f6f9fa;}
.main-nav .sub-projects .sub-inner{max-width: 7.5rem; width: 100%;padding: var(--padding-margin__50) 0;}
.main-nav .sub .right figure{padding-bottom: calc(300 / 450 * 100%);border-radius: 0.15rem;}
.main-nav .sub .left dd.active a{color: var(--primary-color);}
.main-nav .sub .mid dl:not(.active){position: absolute;visibility: hidden;opacity: 0;z-index: -1;}
.main-nav .sub .mid dd{transform: translateY(0.1rem); transition:all 0.5s ease-in-out; opacity: 0; transition-delay: var(--s);color: #666;position: relative;}
.main-nav .sub .mid dd:not(:last-child){margin-bottom: 0.26rem;}
.main-nav .sub .mid dd:before{position: absolute;right: 1.3rem;width: 0.23rem;height: 0.07rem;top: 0.08rem;content: "";background: url(../images/arr_r_red.svg) no-repeat center center/contain;opacity: 0;transition: var(--transition);}
.main-nav .sub .mid dl.active dd{transform: translateY(0); opacity: 1;}
.main-nav .sub .mid dd.active{color: var(--black-color);}
.main-nav .sub .mid dd.active:before{right: 0.5rem;opacity: 1;}
.main-nav .sub .mid dd:not(last-child){margin-bottom: 0.14rem;}

/* 鼠标滑过头部样式 */
header.dark-style{background-color: #fff;border-bottom-color: #fff;}
header.up{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
header.dark-style .logo img.white{display: none;}
header.dark-style .logo img.on{display: inline-block;}
header.dark-style .h-lang dt{background-image: url(../images/lang-black.svg);}
header.dark-style .h-lang dt:after{background-image: url(../images/arr_b_black.svg);}
header.dark-style .open-search{background-image: url(../images/search-black.svg);}
.search-show header.dark-style .open-search {background-image: url(../images/close-black.svg) !important;}
header.light-style .h-lang a{color: #fff;}


/* 详情头部 */
.news-details_page header{background-color: #fff;border-bottom: 1px solid #fff;}
.news-details_page header.light-style .logo img.white{display: none;}
.news-details_page header.light-style .logo img.on{display: inline-block;}
.news-details_page header.light-style .main-nav li span a{color: var(--black-color);}
.news-details_page header.light-style .h-lang dt{background-image: url(../images/lang-black.svg);}
.news-details_page header.light-style .h-lang a{color: #000;}
.news-details_page header.light-style .h-lang dt:after{background-image: url(../images/arr_b_black.svg);}
.news-details_page header.light-style .open-search{background-image: url(../images/search-black.svg);}

@media (min-width:1025px) {
header.light-style .main-nav li span a{color: var(--white-color);}
.main-nav li:nth-child(2){position: static;}
.main-nav li.aon span a::before{width: 0.2rem; opacity: 1;}
.main-nav .sub-projects:after{width: 5.22rem;left: 0;top: 0;height: 100%;content: "";position: absolute;background-color: #f1f6f9;}
.main-nav .sub{position: absolute; top: 100%;left: 0;width: 100%;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0);}
.main-nav .sub:not(.sub-projects){left: 50%;width: max-content; transform: translateX(-50%);}
.main-nav .sub:not(.sub-projects) .p-menu{background-color: #f6f9fa;margin-top: 0.1rem;padding: 0.25rem 0.2rem;border-radius: 0.1rem;}
.main-nav .sub:not(.sub-projects) .p-menu dd{text-align: center;}
.main-nav .sub-projects .p-menu a{font-size: var(--font-size__22);color: #666666;}
.main-nav .show .sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.main-nav .sub .p-menu dd a:hover::after,
.main-nav .sub .p-menu dd.active a::after{transform: translateX(0); opacity: 1; }
.main-nav .sub .thead{width: calc(362 / 1600 * 100%);flex-shrink: 0;position: relative;z-index: 1;font-size:var(--font-size__32);color: #222222;padding-left: var(--padding-margin__80);}
.main-nav .sub .thead img{display: block;margin-bottom: var(--padding-margin__40);height: 0.5rem;}
.main-nav .sub .left{width: calc(239 / 1600 * 100%);flex-shrink: 0;position: relative;z-index: 1;padding-left: var(--padding-margin__60);}
.main-nav .sub .left:after{position: absolute;right: 0;top: 0.02rem;content: "";background-color: #e2e9ee;height: calc(100% - 0.09rem);width: 1px;}
.main-nav .sub .mid{flex:1;flex-shrink: 0; transition-delay: 0.5s;position: relative;z-index: 1;}
.main-nav .sub .right{width:4.5rem;transition-delay: 0.7s;position: relative;z-index: 1;margin-left: auto;}
}
@media(max-width:1600px){
  .main-nav li{margin: 0 0.2rem 0 0;}
}
@media (max-width:1024px) {
.main-nav{position: fixed; top: var(--header_height); width: 72%;bottom: 0;background: rgba(var(--white-color__rgb), 0.95); left: -100%;transform: translateX(-100%); transition: 0.5s ease-in-out;padding-right: 0;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.menu-show .main-nav{ left: 0; transform: translateX(0);}
.main-nav ul{overflow: auto; padding: 0 0.2rem;}
.main-nav .sub{display: none; }
.main-nav .sub:not(.sub-projects){padding: 0.2rem 0;}
.main-nav .sub .mid dd{padding-left: 0.2rem;font-size: var(--font-size__22);}
.main-nav .p-menu dd{padding-left: 0.2rem;font-size: var(--font-size__22);}
.main-nav .sub .p-menu dd:not(:last-child){padding-bottom: 0.1rem;margin-bottom: 0.1rem;border-bottom: 1px solid rgba(0,0,0,0.04);}
.main-nav li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);margin-right: 0;}
.main-nav li span{position: relative;z-index: 1;overflow: hidden;display: block;;}
.main-nav li span a{line-height: 3;font-size: var(--font-size__34)}
.wap-op{position: absolute;right: 0; width: 0.5rem; height: 100%;z-index: 10; background: url(../images/arr_xjt_gray.svg) no-repeat center center; background-size: auto 0.5em; top: 0; transition: 0.3s; will-change: transform;}
.main-nav li.wap-show .wap-op{transform: rotate(-180deg);}
.main-nav .sub{transition: all 0s;}
.main-nav .sub .thead{display: none;}
.main-nav .sub .right{display: none;}
.main-nav .sub .left .p-menu{display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.main-nav .sub .left .p-menu::-webkit-scrollbar {display: none;}
.main-nav .sub .left dd{position: relative;z-index: 1;margin-right: 0.2rem;flex: 0 0 auto;padding-left: 0;}
.main-nav .sub .left dd:before{position: absolute; left: 0;top:0;width: 100%;height: 100%;z-index: 10;content: '';}

.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.4rem; height: 0.35rem; background: var(--primary-color); padding: 0.08rem 0; margin-left: 0.4rem;}
.open-menu i{display: block; width: 60%; height: 2px;background-color: var(--white-color);transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-moz-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-ms-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-o-transform: translate(0, 0.08rem) rotate(45deg) !important;
	transform: translate(0, 0.08rem) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}
}
@media (max-width:480px) {
header .logo img{ height: 0.28rem;}
}

/* footer */
footer{background: #1b1b1b url(../images/footer-bg.jpg) no-repeat center top/contain; padding-top: var(--padding-margin__75);font-size: var(--font-size__16);position: relative;z-index: 11;color: #fff;border-top: 0.06rem solid var(--black-color);}
footer:before{height: 0.06rem;left: 0;top: -0.06rem;content: "";position: absolute;background-color: var(--primary-color);width: 50%;transition: var(--transition);}
footer:hover:before{width: 65%;}
footer .logo img{height: 0.4rem;}
.f-top{margin-bottom: var(--padding-margin__80);}
.f-bottom{border-top: 1px solid rgba(var(--white-color__rgb),0.15); padding: var(--padding-margin__30) 0 var(--padding-margin__65); line-height: calc(36 / 16);margin-top: var(--padding-margin__30);}
.f-bottom,
.f-bottom a:not(:hover){color: rgba(var(--white-color__rgb),0.3);}
.f-bottom .nav a:not(:last-child):after{width: 2px;background-color: rgba(var(--white-color__rgb), 0.2);height: 2px; margin: 0 0.13rem;content: '';display: inline-block;vertical-align: middle;}
footer a:hover{color: var(--white-color);}

.follow-us li{position: relative;z-index: 20;}
.follow-us li:not(:last-child){margin-right: var(--padding-margin__25);}
.follow-us .icon{display: flex;align-items: center;justify-content: center;	width: 0.22rem;height: 0.26rem;transition: all 0.5s;}
.follow-us .icon img{width: 0.22rem;}
.follow-us .code{position: absolute; bottom: calc(100% + 0.1rem); background-color: var(--white-color); padding: 0.05rem; width: 1.5rem; left: 0; visibility: hidden; opacity: 0; transform: translateY(-0.2rem); transition: var(--transition);cursor: pointer;}
.follow-us .code img{width: 100%;}
.follow-us .code::after{position: absolute; content: ''; top: 100%;border: 4px solid transparent;border-top-color: var(--white-color); left: calc(0.2rem - 4px);}
.follow-us li.show .code{ visibility: visible; opacity: 1; transform: translateY(0);}
.follow-us li:hover .icon img{filter: brightness(0) invert(1);}

.f-sitemap{margin-bottom: var(--padding-margin__50);}
.f-sitemap .tit{font-size: var(--font-size__18);font-weight: var(--font-weight__sb); margin-bottom: var(--padding-margin__30);line-height: calc(20 / 18);}
.f-sitemap .tit a{color: var(--white-color);}
.f-sitemap .item dd{line-height: calc(20 / 16);}
.f-sitemap .item dd:not(:last-child){ margin-bottom: 0.14rem;}
.f-sitemap .item dd a{color: rgba(var(--white-color__rgb),0.5);}
.f-sitemap .item dd a:hover{color: var(--white-color);}
.f-sitemap .sub-item .list{ position: relative;z-index: 1;}
.f-sitemap .sub-item .list dl:not(.active){position: absolute; visibility: hidden; opacity: 0; pointer-events: none;}
.f-sitemap .sub-item .list dd{opacity: 0;  transition: var(--transition); transition-delay: var(--s);}
.f-sitemap .sub-item .list dl.active dd{opacity: 1;  }

.fix-right{right: var(--padding-margin__15);bottom: 6%;width: 0.6rem;position: fixed;z-index: 100;}
.fix-right ul{background-color: var(--white-color);border-radius: 0.72rem;box-shadow: 0 4px 0.25rem rgba(var(--primary-color__rgb), 0.15);}
.fix-right li{position: relative;}
.fix-right p{margin: 0;}
.fix-right .btn{display: flex;text-align: center;font-size: var(--font-size__14);font-weight: var(--font-weight__l);align-items: center;justify-content: center;height: 0.6rem;}
.fix-right .btn img{display: block;margin: 0px auto 0.08rem;height: 0.25rem;}
.fix-right li:not(:last-child) .btn{border-bottom: 1px solid rgba(255,255,255,0.18);}
.fix-right li:hover .ewm{right: 100%;visibility: visible;z-index: 100;opacity: 1;}
.fix-right .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;top: 50%;right: 90%;transform: translateY(-50%);transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.fix-right .ewm img{width: 100%;}
.fix-right .ewm:after{width: 10px;height: 10px;top: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;right: -10px;}
.fix-right .ewm a{font-size: var(--font-size20);font-weight: bold;}
.fix-right li:nth-child(2) .ewm{width: 1.8rem;}
.fix-right .back-top{transform: translateY(-100%);height: 0;opacity: 0;transition: all 0.5s;pointer-events: none;}
.fix-right.up .back-top{transform: translateY(0);height: 0.6rem;opacity: 1;pointer-events: auto;}

.back-top .btn:before{width: 0.24rem;height: 0.24rem; background: url(../images/totop.svg) var(--background-contain);display: block; content: ''; backface-visibility: visible;margin: 0px auto;}
.back-top:hover .btn:before{animation: getop 1.5s var(--ttf) forwards;}
@keyframes getop {
0% { transform: translateY(0); opacity: 1;}
60% { transform: translateY(-100%);opacity: 0;}
61% { transform: translateY(100%); opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}

@media (min-width:1025px) {
.f-left{flex: 1;}
.f-sitemap .sub-item{ display: flex;width: 2.68rem;}
.f-sitemap .sub-item .parent{flex-shrink: 0; width:1.11rem;}
.f-sitemap .sub-item .list{flex: 1; margin-left: 0.33rem;}
.f-sitemap .sub-item .list dd{transform: translateY(0.2rem);}
.f-sitemap .sub-item .list dl.active dd{transform: translateY(0);}
.f-sitemap .sub-item .parent dd.active a{display: block;background: url(../images/a-icon.svg) no-repeat right center; background-size: auto 0.11rem;}
}
@media (max-width:1024px) {
.f-left{margin-bottom: var(--padding-margin__100);}
.f-sitemap{display: none;}
.f-sitemap .item dl{display: flex;flex-wrap: wrap;}
.f-sitemap .item > dl dd{margin-bottom: 0.1rem;}
.f-sitemap .item dl dd:not(:last-child){margin-right: 0.2rem;}
.f-sitemap .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.f-sitemap .sub-item .list dd{transform: translateX(0.2rem);}
.f-sitemap .sub-item .list dl.active dd{transform: translateX(0);}
.f-code {padding-top: 0.2rem;}
.f-bottom{text-align: center;}
}
@media(max-width:480px){
  .follow-us .icon{width: 0.45rem;height: 0.45rem;}
}


.edit-info {color: #666666;font-size: var(--font-size__16);line-height: calc(28 / 16);}
.edit-info *{font-family: inherit !important;font-size: var(--font-size__16) !important;}
.edit-info p{margin: 0;}
.edit-info p+p{margin: var(--padding-margin__25) 0 0;}


/* cookies */
.cookiesBox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.5s;display: flex;align-items: flex-end;}
.cookiesBox .dialog{width: 100%;padding: var(--padding-margin__35) 0;background-color: #fff;}
.cookiesBox .info{flex: 1;padding: 0.1rem 0;}
.cookiesBox .info h1{font-size: var(--font-size__24);color: #000;margin: 0 0 0.1rem;}
.cookiesBox .info pre{color: #999999;font-size: var(--font-size__16);line-height: 1.2;}
.cookiesBox .btn{padding: 0.1rem 0;}
.cookiesBox .btn button{height: 0.55rem;border-radius: 0.55rem;min-width: 2rem;padding: 0 var(--padding-margin__25);color: #818181;border: 0.02rem solid #818181;cursor: pointer;font-size: var(--font-size__16);background-color: transparent;}
.cookiesBox .btn button:hover{opacity: 0.7;}
.cookiesBox .btn #accept{background: var(--primary-color);color: #fff;margin-right: 0.2rem;border-color: var(--primary-color);}
.cookiesBox.uk-open {opacity: 1;z-index: 10000;visibility: visible;}
.modal-page {overflow: hidden;}


/* 首页重置 */
#bloc{z-index: 1;}

/* banner */
[class*=home-]{position: relative;overflow: hidden;z-index: 2;}

.scrollbar{padding-right: var(--padding-margin__20);}
.scrollbar::-webkit-scrollbar{width:.04rem;height:.04rem}
.scrollbar::-webkit-scrollbar-track{background: url(../images/scrollxbg.gif) repeat-y center top;}
.scrollbar::-webkit-scrollbar-thumb{background:rgba(var(--primary-color__rgb),1);border-radius:.04rem}
.scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color__rgb),.5)}
.scrollbar.gray::-webkit-scrollbar{width:2px;height:2px;}
.scrollbar.gray::-webkit-scrollbar-thumb{background:rgba(var(--default-color__rgb),.6);border-radius:.04rem}
.scrollbar.gray::-webkit-scrollbar-thumb:hover{background:rgba(var(--default-color__rgb),1)}

/* banner s */
.controls-area{position: absolute; left: 0;bottom:var(--padding-margin__50);z-index: 10;width: 100%;;}
.controls-area .container{line-height: 0.38rem;padding-top: var(--padding-margin__30);position: relative;border-top: 1px solid rgba(255,255,255,0.15);}
.controls-area .arr{width: 0.31rem;height: 0.31rem;border-radius: 50%;background-size: 0.09rem 0.16rem;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.controls-area .arrow-prev{background-image: url(../images/swiper-arr_right.svg);transform: rotate(180deg);}
.controls-area .arrow-next{background-image: url(../images/swiper-arr_right.svg);}
/* .controls-area .pause-play-btn {width: 0.4rem;height: 0.4rem;border: 1px solid var(--white-color);border-radius: 50%;margin-left: 0.18rem;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center;}
.controls-area .pause-play-btn.pause::after {content: '❚❚';font-size: 12px;}
.controls-area .pause-play-btn.play::after {content: '▶';font-size: 12px;} */
.controls-page{display: flex;align-items: center; justify-content: center;position: relative;padding: 0 0.1rem;}
.controls-page span{width: 0.08rem;height: 0.08rem;position: relative;background-color: rgba(var(--white-color__rgb),0.4);opacity: 1;}
.controls-page .swiper-pagination-bullet-active{background-color: var(--primary-color);}
.controls-page span:not(:last-child){margin-right: var(--padding-margin__30);}

.main_scroll{color:#fff;position: absolute;left: 0;top: 0;display: none;}
.main_scroll p{font-size: 0.12rem;letter-spacing: -0.01rem;}
.main_scroll p span{perspective:100px;display: inline-block;}
.main_scroll p span:nth-child(1) {animation: load_on3 1.5s ease-in-out infinite}
.main_scroll p span:nth-child(2) {animation: load_on3 1.5s ease-in-out 0.025s infinite}
.main_scroll p span:nth-child(3) {animation: load_on3 1.5s ease-in-out 0.05s infinite}
.main_scroll p span:nth-child(4) {animation: load_on3 1.5s ease-in-out 0.075s infinite}
.main_scroll p span:nth-child(5) {animation: load_on3 1.5s ease-in-out 0.1s infinite}
.main_scroll p span:nth-child(6) {animation: load_on3 1.5s ease-in-out 0.125s infinite;margin-right: 4px;}
.main_scroll p span:nth-child(7) {animation: load_on3 1.5s ease-in-out 0.15s infinite}
.main_scroll p span:nth-child(8) {animation: load_on3 1.5s ease-in-out 0.175s infinite;margin-right: 4px;}
.main_scroll p span:nth-child(9) {animation: load_on3 1.5s ease-in-out 0.2s infinite}
.main_scroll p span:nth-child(10) {animation: load_on3 1.5s ease-in-out 0.225s infinite}
.main_scroll p span:nth-child(11) {animation: load_on3 1.5s ease-in-out 0.25s infinite}
.main_scroll p span:nth-child(12) {animation: load_on3 1.5s ease-in-out 0.27s infinite}
.main_scroll p span:nth-child(13) {animation: load_on3 1.5s ease-in-out 0.29s infinite}
.main_scroll p span:nth-child(14) {animation: load_on3 1.5s ease-in-out 0.35s infinite}
.main_scroll p span:nth-child(15) {animation: load_on3 1.5s ease-in-out 0.37s infinite}
@keyframes load_on3 {
	0% {
		opacity: 0;
		transform: translateY(0.2rem) rotateX(90deg) scale(0.5)
	}
	100% {
		opacity: 1;
		transform: translateY(0%) rotateX(0deg) scale(1)
	}
}
.downarr{position: absolute;right: 0;height: 100%;top: 0;width: 0.07rem;}
.downarr .arr{position: relative;width: 0.07rem;height: 0.4rem;margin-bottom: var(--padding-margin__50);}
.downarr span{display: block;width: 0.07rem;height: 0.4rem;position: absolute;background: url(../images/down-arr.svg) no-repeat center center/contain;left: 50%;transform: translateX(-50%);}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downarr .sp2{opacity: 0; animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 1000ms;}
.downarr .sp3{opacity: 0; animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 2000ms;}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.4rem; opacity:1;}
100% { top:0.6rem; opacity:0;}
}

.rows{padding: var(--padding-margin__120) 0;overflow: hidden;position: relative;min-height: 100vh;}
.rows .is-bgImg__cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}

.home-ban .controls-page{padding-top: 0;}
.home-ban{position: relative;z-index: 1; top: 0;overflow: hidden;}
.home-ban .ispic{padding-bottom: 100vh;}
.home-ban .swiper{height: 100vh;}
.home-ban .url{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.home-ban .info{position: absolute;left: 50%;bottom: 1.53rem;transform: translateX(-50%);z-index: 10;color: #fff;}
.home-ban .info pre{font-size: var(--font-size__90);font-weight: var(--font-weight__m);margin-bottom: var(--padding-margin__50);text-transform: uppercase;}
.home-ban .swiper-slide-active .ispic img{animation:fadeInscale 5s .3s ease both;-webkit-animation:fadeInscale 5s .3s ease both;-moz-animation:fadeInscale 5s .3s ease both;}
.home-ban .swiper-slide-active h1{animation:fadeInUpSmall 1s .4s ease both;-webkit-animation:fadeInUpSmall 1s .4s ease both;-moz-animation:fadeInUpSmall 1s .4s ease both;}
.home-ban .swiper-slide-active pre{animation:fadeInUpSmall 1s .6s ease both;-webkit-animation:fadeInUpSmall 1s .6s ease both;-moz-animation:fadeInUpSmall 1s .6s ease both;}
.home-ban .swiper-slide-active .more{animation:fadeInUpSmall 1s .8s ease both;-webkit-animation:fadeInUpSmall 1s .8s ease both;-moz-animation:fadeInUpSmall 1s .8s ease both;}
.home-ban .controls-area .arr{display: none;}

.ban-outside { width: 100%; will-change: height; position: absolute; left: 0;  top: -20vh;  transform: skewY(-8deg);  overflow: hidden; height: calc(100% + 40vh);}
.home-ban .swiper-slide.in {  opacity: 1!important}
.home-ban .swiper-slide.out,.home-ban .swiper-slide.on { opacity: 1!important; z-index: 10}
.ban-inside {background-color: var(--black-color);background-position: 50%; background-repeat: no-repeat; background-size: cover;  width: 100vw; height: var(--banh); position: absolute; left: 0; top: 20vh; transform: skewY(8deg);}
.home-ban .arrows-prev{left:3%;}
.home-ban .arrows-next{right:3%;}

@media(max-width:1600px){
  .home-ban .info pre{font-size: var(--font-size__70);}
}
@media(max-width:1024px){
  .home-ban .info h1{max-width: 100%;}
  .rows{min-height: auto;}
}

/* product s */
.titHead{padding-bottom: var(--padding-margin__75);position: relative;text-align: center;}
.titHead h2{font-size: var(--font-size__60);color: #000000;line-height: calc(72 / 60);font-weight: var(--font-weight__b);margin: 0;justify-content: center;}
.titHead h2 span{color: #afafaf;}
.titHead .desc{font-weight: var(--font-weight__m);font-size: var(--font-size__16);text-align: center;line-height: calc(30 / 18);margin-top: var(--padding-margin__25);}
.titHead .more{position: absolute;right: 0;top: 0;}
.titHead.white h2,.titHead.white{color: #fff;}
.titHead.tl{text-align: left;}
.titHead.tl h2{justify-content: flex-start;}

.home-pro .list .item{position: relative;margin-bottom: var(--padding-margin__20);float: left;}
.home-pro .list .item:nth-child(even) {float: right;}
.home-pro .list .item a{display: block;}
.home-pro .list .ispic{border-radius: 0.15rem;padding-bottom: calc(526 / 790 *100%);}
.home-pro .list .tit{position: absolute;font-size: var(--font-size__24);padding: var(--padding-margin__30);line-height: 1.25;font-weight:var(--font-weight__b);color: #fff;z-index: 2;transition: all 0.5s;width: 100%;left: 0;top: 0;margin: 0;}
.home-pro .list .item:hover .tit{padding: var(--padding-margin__40);}

@media(min-width:769px){
.home-pro .list .item{width: calc(790 / 1600 * 100%);}
.home-pro .list .item:nth-child(3) {clear: both;}
.home-pro .list .item:nth-child(2) .ispic{padding-bottom: calc(395 / 790 *100%);}
.home-pro .list .item:nth-child(3) .ispic{padding-bottom: calc(395 / 790 *100%);}
.home-pro .list .item:nth-child(4) {width: calc(385 / 1600 * 100%);float: left;margin-left: calc(20 / 1600 * 100%);margin-top: -8.26%;}
.home-pro .list .item:nth-child(4) .ispic{padding-bottom: calc(526 / 385 *100%);}
.home-pro .list .item:nth-child(5) {width: calc(385 / 1600 * 100%);float: right;;margin-top: -8.28%;}
.home-pro .list .item:nth-child(5) .ispic{padding-bottom: calc(254 / 385 * 100%);}
.home-pro .list .item:nth-child(5) .tit{top: auto;bottom: 0;padding: var(--padding-margin__40) var(--padding-margin__30);}
.home-pro .list .item:nth-child(6) {width: calc(385 / 1600 * 100%);}
.home-pro .list .item:nth-child(6) .ispic{padding-bottom: calc(254 / 385 * 100%);}
.home-pro .list .item:nth-child(7){clear: both;}
}
@media(max-width:768px){
  .home-pro .list .item{width: 49.5%;}
   .home-pro .list .tit{font-size: var(--font-size__22);}
}

/* Sustainable s */
.home-Sustainable{padding-bottom: var(--padding-margin__70);clear: both;}
.home-Sustainable .edit-info{color: #fff;}
.home-Sustainable .list{margin: var(--padding-margin__130) 0 0 0;padding-left: var(--padding-margin__20);position: relative;z-index: 1;}
.home-Sustainable .list .item{width: calc(100% / 4 - var(--padding-margin__20));margin-right: var(--padding-margin__20);position: relative;overflow: hidden;border-radius: 0.2rem;}
.home-Sustainable .list .item:after{background-color: rgba(var(--white-color__rgb), 0.2);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.2rem;backdrop-filter: blur(20px) saturate(150%);transition: all 0.3s;}
.home-Sustainable .list .item:before{background-color: rgba(var(--white-color__rgb), 1);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0.2rem;transition: all 0.5s;opacity: 0;}
.home-Sustainable .list .item a{display: flex;min-height: 3.03rem;position: relative;z-index: 1;padding: var(--padding-margin__30);color: #fff;flex-direction: column;    justify-content: space-between;}
.home-Sustainable .list .icon img{height: 0.6rem;}
.home-Sustainable .list .item:not(:hover) .icon img{filter: brightness(0) invert(1);}
.home-Sustainable .list .item:hover:after{opacity: 0;}
.home-Sustainable .list .item:hover:before{opacity: 1;}
.home-Sustainable .list .item:hover .tit{color: #000000;}
.home-Sustainable .list .item:hover pre{color: #999999;}
.home-Sustainable .list .tit{font-size: var(--font-size__24);margin: 0 0 var(--padding-margin__15);font-weight: var(--font-weight__sb);}
.home-Sustainable .list pre{font-size: var(--font-size__16);line-height: calc(24 / 16);}
.home-Sustainable .is-bgImg__cover{height: 12.81rem;}
.home-Sustainable .is-bgImg__cover:after{left: 0;top: 0;width: 100%;height: 100%;position: absolute;content: "";background-color: rgba(0,0,0,0.3);z-index: 1;}


/* about s */
.home-about .edit-info{max-width: 7rem;}
.home-about .container{z-index: 3;pointer-events: none;}
.home-about .container *{pointer-events: auto;}
.home-about .en-tit{padding-bottom: var(--padding-margin__100);position: relative;pointer-events: none;}
.home-about .en-tit span{position: absolute;left: -2rem;top: -1rem;font-size:1.55rem;text-transform: uppercase;color: rgba(199,199,199,0.22);font-weight:var(--font-weight__b);letter-spacing: 0.04em;}
.home-about .numList{max-width: 8.33rem;}
.home-about .numList .item{width: 31%;padding:var(--padding-margin__45) 0 0 var(--padding-margin__35);color: #000000;}
.home-about .numList .item:nth-child(3n+2){width:38%;}
.home-about .numList .item .num{line-height: 0.77rem;font-weight: var(--font-weight__b);display: flex;align-items: flex-start;justify-content: center;}
.home-about .numList .item .num span{font-size:var(--font-size__52); font-family:'Montserrat';}
.home-about .numList .item .num sup{font-size:var(--font-size__24);line-height: 1.5;}
.home-about .numList .item p{font-weight: var(--font-weight__sb);line-height: 0.22rem;font-size: var(--font-size__16);margin: 0;text-align: center;}
.home-about .btn-play{left: 38%;transform: translate(0);}
.home-about .btn-play:hover{transform: scale(1.1);}
.btn-play{position: absolute;left: 50%;top: 50%;z-index: 10;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: var(--primary-color) url(../images/play.svg) no-repeat center center/0.14rem 0.17rem;cursor: pointer;transition: all 0.5s;transform: translate(-50%,-50%);}
.btn-play:hover{background-color: rgba(var(--primary-color__rgb), 0.8);transform: scale(1.1) translate(-50%,-50%);}
.btn-play.gray{background-color: rgba(var(--black-color__rgb), 0.8);}

@media(min-width:1025px){
.home-about .video{position: absolute;right: 0;top: 0;height:100%;width: 8.47rem;z-index: 2;}
.home-about .numList{margin-top:0.52rem;}
}
@media(max-width:1560px){
  .home-about .video{width: 7rem;}
}
@media(max-width:1024px){
  .titHead h2{display: contents;}
  .home-about{padding-bottom: 0;}
  .home-about .en-tit span{font-size: 0.84rem;top: -0.6rem;left: 0;}
  .home-about .video{margin-top: 0.3rem;text-align: right;width:100%;}
}
@media(max-width:768px){
  .home-Sustainable .list .item{width: calc(100% / 2 - var(--padding-margin__20));margin-bottom: var(--padding-margin__20);}
  .home-Sustainable .list .item a{min-height: 2.45rem;}
  .home-Sustainable .list .tit{min-height: 2.4em;line-height: 1.2;}
  .home-about .en-tit span{font-size: 0.84rem;left: -28%;}
}


/* team */
.home-team{background-color: #d9dee2;}
.home-team .tit{max-width: 5.1rem;font-size: var(--font-size__30);line-height: calc(46 / 30);color: #000000;margin: 0;font-weight: var(--font-weight__sb);}
.home-team .edit-info{max-width: 5.5rem;margin: var(--padding-margin__35) 0 var(--padding-margin__65);}

@media(max-width:1024px){
.home-team .is-bgImg__cover{background-position: right 18% center;backdrop-filter: blur(20px) saturate(150%);}
.home-team .container{background-color: rgba(255,255,255,0.8);padding: 0.2rem;border-radius: 0.1rem;}
}

/* news */
.home-news{min-height: auto;background-color: #f6f6f6;}
.home-news .swiper-slide{background-color: #fff;}
.home-news .ispic{border-radius: 0.05rem 0.05rem 0 0;padding-bottom: calc(230 / 520 * 100%);}
.home-news .info{padding: var(--padding-margin__45);}
.home-news .info time{color: #666666;font-weight: var(--font-weight__m);font-size: var(--font-size__16);}
.home-news .info .tit{color: #000000;font-weight: var(--font-weight__sb);line-height: calc(30 / 24);font-size: var(--font-size__24);min-height: 5em;margin: var(--padding-margin__15) 0 var(--padding-margin__50);}
.home-news .swiper-pagination{display: none !important;}
@media(max-width:1560px){
    .home-news .info{padding: var(--padding-margin__25)}
    .home-news .info .tit{font-size: var(--font-size__22);}
}
@media(max-width:1024px){
  .home-news .swiper-pagination{display: block !important;position: static;margin-top: 0.25rem;}
}

/* common s */
main{background-color: #fff;position: relative;z-index: 1;}
.pageBan{position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #fff;}
.pageBan .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;z-index: 2;}
.pageBan .info h2{font-size: var(--font-size__60);font-weight: var(--font-weight__b);justify-content: center;letter-spacing: .1rem;margin: 0 0 var(--padding-margin__25);}
.pageBan .info p{font-size: var(--font-size__20);font-weight: var(--font-weight__m);justify-content: center;margin: 0;}
.pageBan .ispic{padding-bottom: calc(750 / 1920 * 100%);}
.pageBan .ispic img{transition: all 5s;transform: scale(1.1);}
.pageBan .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;background-color: rgba(var(--black-color__rgb), 0.3);transition: all 0.5s;}
.pageBan:hover .ispic:after{background-color: rgba(var(--black-color__rgb), 0.12);}
.pageBan.on .ispic img{transform: scale(1);}
.pageBan.video .ispic:after{background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background-color: transparent;}
.pageBan.video .btn-play{position: static;margin: 0px auto;transform:translate(0,0);}

.pageBan .place{text-align: right;padding: 0.2rem 0;background-color: #fff;position: relative;z-index: 10;width: 100%;}
.pageBan .place a{color: #999999;display: inline-block;padding-right:0.2rem;position: relative;}  
.pageBan .place a:hover{color: var(--primary-color);}
.pageBan .place a:after{position: absolute;right: 0;width: 0.2rem;text-align: center;content: ">";top: 5%;}
.pageBan .place a:hover{color: #fff;}  
.pageBan .place span{display: inline-block;color: var(--primary-color);}

@media(min-width:1025px){
.pageBan .place{position: absolute;bottom: 0.37rem;left: 50%;z-index: 3;transform: translateX(-50%);line-height: calc(22 / 14);color: #999999;font-size: var(--font-size__14);background-color: transparent;}    
.pageBan .place span{color: #fff;}
}
@media(max-width:1024px){
  .pageBan .info h2 br{display: contents;}
}

.open-smenu{display: none;background-color: var(--primary-color);color: #fff;text-align: center;font-size: var(--font-size__36);border-bottom: 1px solid rgba(0,0,0,0.05);padding: 0.2rem 0;border-radius: 0.05rem;}
.open-smenu:after{width: 0.18rem;height: 0.18rem;background: url(../images/arr_xjt_white.svg) no-repeat center center/contain;content: "";display: inline-block;margin-left: 0.1rem;transition: all 0.5s;}
.open-smenu.on:after{transform: rotate(-180deg);}
.subMenu{position: relative;z-index: 1;border-bottom: 1px solid rgba(var(--black-color__rgb),0.1);background-color: #fff;}
.subMenu ul li{font-size: var(--font-size__16);min-height: 0.98rem;display: flex;align-items: center;position: relative;}
.subMenu ul li:not(:last-child){margin-right:var(--padding-margin__35);}
.subMenu ul li span{position: relative;display: inline-block;}
.subMenu ul li:after{position: absolute;content: "";transition: all 0.5s;height: 0.03rem;background-color: var(--primary-color);width: 0;left: 0;bottom: -1px;}
.subMenu ul li a{color:#999;}
.subMenu ul li.onli:after,.subMenu ul li:hover:after{width: 100%;}
.subMenu ul li:hover a{color:var(--primary-color);}
.subMenu ul li.onli a{color:#000;font-weight: var(--font-weight__b);}

.subTit{padding-bottom: var(--padding-margin__60);}
.subTit h2{font-size:var(--font-size__60);color: #000000;line-height: calc(72 / 60);font-weight: var(--font-weight__b);margin: 0;}
.subTit h2 span{display:block;font-size:var(--font-size__40);font-weight: var(--font-weight__m);}
.subTit h3{font-size:var(--font-size__30);color: #000000;line-height: calc(42 / 30);font-weight: var(--font-weight__sb);margin: 0;max-width: 10.5rem;margin-top: var(--padding-margin__40);}
.subTit .tdesc{color: #666;font-size: var(--font-size__16);line-height: calc(30 / 18);font-weight: var(--font-weight__m);margin-top: var(--padding-margin__35);}
.subTit .tdesc p{margin: 0;}
.subTit .tdesc2 {color: #666666;line-height: calc(30 / 20);font-weight: var(--font-weight__m);margin-top: var(--padding-margin__20);font-size: var(--font-size__20);}
.subTit .tdesc2 p{margin: 0;}
.subTit .tdesc3 {color: #666666;line-height: calc(28 / 16);max-width:11.28rem;margin: var(--padding-margin__20) auto 0;font-size: var(--font-size__16);}
.subTit .tdesc3 p{margin: 0;}
.subTit .edit-info{margin-top: var(--padding-margin__60);}
.subTit.tc{text-align: center;}
.subTit.white h2{color: #fff;}
.subTit.white .tdesc3{color: #fff;}

.subTit2{padding-bottom: var(--padding-margin__60);}
.subTit2 h2{font-size:var(--font-size__40);color: #000000;line-height: calc(72 / 60);font-weight: var(--font-weight__b);margin: 0;}
.subTit2 .tdesc{color: #000000;line-height: calc(30 / 18);font-weight: var(--font-weight__m);margin-top: var(--padding-margin__35);}
.subTit2 .tdesc p{margin: 0;}
.subTit2.tc{text-align: center;}

.subPage{position: relative;padding: var(--padding-margin__100) 0;background-color: #fff;overflow: visible;}

@media(min-width:1025px){
    .subTit.flex_tablet__jcsb .tdesc {flex:1;padding-left:1rem;margin-top:0;}
}
@media(max-width:1600px){
  .subTit h2{font-size:var(--font-size__48);}
}
@media(max-width:1024px){
  .open-smenu{display: block;}
  .subMenu{border-bottom: 0;}
  .subMenu ul{display: none;}
  .subMenu ul li{min-height: auto;padding: 0.2rem 0;font-size: var(--font-size__18);}
  .subMenu ul li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.05);}
  .subMenu ul li:after{display: none;}
}
@media(max-width:640px){
  .search-box{min-width: 100%;}
  .subTit h2{display: contents;}
}
/* common end */

/* about */
.about-info .video .ispic{border-radius: 0.15rem;}

.about-num{overflow: hidden;}
.about-num .content{background-color: rgba(var(--white-color__rgb), 0.9);border-radius: 0.2rem;padding: var(--padding-margin__30) var(--padding-margin__70) var(--padding-margin__30) var(--padding-margin__30);max-width: 9.9rem;}
.about-num .content .item{width: 33.333%;padding: var(--padding-margin__50) 0 var(--padding-margin__50);}
.about-num .content .num{font-weight: var(--font-weight__m);min-height: 0.65rem;justify-content: center;}
.about-num .content img{margin-right: var(--padding-margin__15);height: 0.29rem;margin-top: 0.14rem;}
.about-num .content span{font-size: var(--font-size__60);}
.about-num .content sup{font-size: var(--font-size__36);line-height: 1;transform: translateY(-0.15rem);}
.about-num .content p{font-size: var(--font-size__16);font-weight: var(--font-weight__sb);margin: 0.05rem 0 0;text-align: center;}
.about-num .content .item{border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.about-num .content .item:nth-child(3n+3){border-right: 0;}
.about-num .content .item:nth-last-child(-n+3){border-bottom: 0;}

.about-num .ispic{position: absolute;right: 0;bottom: 0;width: 100%;height: 7.74rem;z-index: 2;}
.about-num .is-bgImg__cover{position: absolute;left: 0;top: 0;width: 100%;height: 7.74rem;z-index: 0;}

.about-gloal{background-color: #000;overflow: hidden;z-index: 2;margin-top: -2px;padding-bottom: var(--padding-margin__150);} 
.about-gloal .content{position: relative;margin-top: -0.65rem;padding-top: 2.35rem;background: url(../images/about_gloal_line.png) no-repeat center top/100%;} 
.about-gloal .content .title{text-align: center;position: absolute;width: 50%;left: 50%;margin-left: -25%;top: 0.73rem;z-index: 1;color: #fff;} 
.about-gloal .content .title h3{font-size: var(--font-size__28);font-weight: var(--font-weight__sb);margin: 0 0 0.15rem;} 
.about-gloal .content .title p{font-size: var(--font-size__20);margin: 0 0 0.18rem;} 
.about-gloal .content .title:after{display: block;margin: 0px auto;content: "";background: url(../images/map.svg) var(--background-contain);width: 0.65rem;height: 0.65rem;} 
.about-gloal .content .inner{border:1px solid #fff;border-radius: 0.1rem;padding: var(--padding-margin__30);background-color: rgba(var(--white-color__rgb), 0.8);width: 90%;margin: 0px auto;} 
.about-gloal .content h4{font-size: var(--font-size__24);margin: 0 0 0.15rem;} 
.about-gloal .content aside{line-height: 0.35rem;border-radius: 0.35rem;background-color: #fff;padding-left: 0.42rem;font-size: var(--font-size__16);color: #666666;position: relative;cursor: pointer;} 
.about-gloal .content aside:before{left: 0.17rem;top: 0.09rem;content: "";background: url(../images/ico-dz.svg) no-repeat center center/contain;width: 0.16rem;height: 0.18rem;position: absolute;z-index: 1;} 
.about-gloal .content aside:after{right: 0;top: 0;content: "";background: url(../images/arr_xjt_white.svg) no-repeat center center/contain;width: 0.12rem;height: 100%;position: absolute;z-index: 1;transform: rotate(-90deg);opacity: 0;transition: var(--transition);} 
.about-gloal .content .item{position: relative;}
.about-gloal .content .item:hover aside{background-color: var(--primary-color);color: #fff;transition: all 0.5s ease-in-out;} 
.about-gloal .content .item:hover aside:before{filter: brightness(0) invert(1);} 
.about-gloal .content .item:hover aside:after{opacity: 1;right: 0.19rem;} 
.about-gloal .content .item:not(:last-child){margin-bottom: 0.05rem;}  
.about-gloal .content .dot{position: absolute;width: 0.15rem;height: 0.15rem;left: 50%;transform: translateX(-50%);border-radius: 50%;top: -1.17rem;}
.about-gloal .content .dot em{position: absolute;left:0;top:0;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1);}
.about-gloal .content .dot:after{position: absolute;left:50%;top:50%;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.2);opacity: 0.4;margin: -0.15rem 0 0 -0.15rem;content: "";z-index: 0;}
.about-gloal .content .dot:before{position: absolute;left:50%;top:50%;width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.2);opacity: 0.2;margin: -0.25rem 0 0 -0.25rem;content: "";z-index: 10;}
.about-gloal .content .detail{border-radius: 0.15rem;background: #fff url(../images/map2.svg) no-repeat right 0.26rem top 0.21rem/1.88rem 1.88rem;padding: var(--padding-margin__20) var(--padding-margin__30);box-shadow: 0 0.25rem 0.6rem rgba(5,14,21,0.5);width: 6rem;position: absolute;top: calc(100% + 2px);overflow: hidden;transition: all 0.3s ease-in-out;top: 110%;pointer-events: none;opacity: 0;z-index: 100;}
.about-gloal .content .detail p{padding-left: 0.26rem;background-position: 0 top;background-repeat: no-repeat;background-size: 0.18rem 0.18rem;}
.about-gloal .content .detail .name{font-size: var(--font-size__22);font-weight:var(--font-weight__sb);line-height: 1.2;margin-bottom: 0.05rem;background-image: url(../images/ico-name.svg);}
.about-gloal .content .detail .add{color: #666666;background-image: url(../images/ico-dz2.svg);}
.about-gloal .content .group:hover {z-index: 10;}
.about-gloal .content .item:hover .detail{top: 100%;pointer-events: auto;opacity: 1;}
.about-gloal .content .group:last-child .detail{left: auto;right: 0;}
.about-gloal .is-bgImg__cover{position: absolute;left: 0;top: 0;width: 100%;height: 12.81rem;z-index: 0;}

.about-gloal2{background-color: #f8f8f8;min-height: 10rem;display: none;}
.about-gloal2 .is-bgImg__cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}

.about-jgt{overflow: hidden;}
.about-jgt .m{position: absolute;width: 100%;height: 100%;bottom: -28%;left: 0;z-index: 0;}

.about-customer{overflow: hidden;background-color: transparent;}
.about-customer .content{max-width: 8.4rem;}
.about-customer .content pre{font-size: var(--font-size__24);line-height: calc(40 / 24);}
.about-customer .content .desc{font-weight: var(--font-weight__b);margin-top: var(--padding-margin__30);}
.about-customer_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;}

@media(min-width:1025px){
.about-info .info {width: calc(700 / 1440 * 100%);}
.about-info .video {width: 7rem;position: relative;}
.about-customer .w1440{min-height: 5.6rem;}
.about-gloal .content .group{position: relative;width: 25%;} 
.about-gloal .content .group:nth-child(2){margin-top: 1.03rem;}
.about-gloal .content .group:nth-child(2) .dot{top: -0.51rem;}
.about-gloal .content .group:nth-child(3){margin-top: 1.03rem;}
.about-gloal .content .group:nth-child(3) .dot{top: -0.51rem;}
}
@media(max-width:1440px){
  .about-gloal .content .dot{top: -1.23rem;}
  .about-gloal .content .group:nth-child(2) .dot{top: -0.59rem;}
  .about-gloal .content .group:nth-child(3) .dot{top: -0.59rem;}
}
@media(max-width:1024px){
  .about-gloal .group:not(:last-child){margin-bottom: 0.3rem;}
  .about-gloal .content{background: none;}
  .about-gloal .content .dot{top: -0.07rem !important;}
  .about-gloal .is-bgImg__cover{height: 100%;}
  .about-gloal .content .detail{width: 100%;}
}
@media(max-width:768px){
  .about-num .ispic{height: 3rem;right: -28%;}
  .about-num .content img{margin-top: 0;}
}

/* news */
.search-box{border-bottom: 1px solid rgba(0,0,0,0.1);margin: -0.2rem 0 var(--padding-margin__45);font-size: var(--font-size__16);color: #666666;}
.search-box .input{width: 43%;position: relative;}
.search-box .input input{height: 0.49rem;border: 0;background-color: transparent;flex: 1;padding: 0 0.7rem 0 0.1rem;}
.search-box .input button{border: 0;width: 0.7rem;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/search-black.svg) no-repeat center center/0.17rem 0.18rem;cursor: pointer;}
.search-box .input button:hover{opacity: 0.5;}
.search-box .select-txt{width: 3.37rem;border-bottom: 0;background-color: transparent;box-shadow: 0 0 0 rgba(0,0,0,0);}
.search-box .select-txt:after{right: 0;top: 50%;width: 1px;height: 0.3rem;margin-top: -0.15rem;content: "";position: absolute;background-color: #e5e5e5;}
.search-box aside{width: 80px;text-align:right;}
.search-box .select-txt p{padding-left: var(--padding-margin__40);color: #000000;font-weight: var(--font-weight__b);}
.search-box .select-txt .hover{left: 0.78rem;width: calc(100% - 0.78rem);}

.news-rec{margin-bottom: var(--padding-margin__100);}
.news-rec .ispic{border-radius: 0.2rem;padding-bottom: 50%;margin-bottom: 0.25rem;}
.news-rec .ispic:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(0,0,0,0.2);z-index: 1;transition: all 0.5s;}
.news-rec .ispic:hover:After{background-color: rgba(0,0,0,0.05);}
.news-rec time{font-size: var(--font-size__14);color: var(--black-color);}
.news-rec .tit{font-size: var(--font-size__32);line-height: calc(36 / 32);margin: var(--padding-margin__15) 0 var(--padding-margin__35);}
.news-rec .desc{color: #666666;font-size: var(--font-size__16);line-height: calc(28 / 16);margin-bottom: var(--padding-margin__50);}

.news-list{margin-left: -0.6rem;}
.news-list .item{width: 33.333%;padding: 0 0 var(--padding-margin__70) 0.6rem;}
.news-list .ispic{border-radius: 0.15rem;padding-bottom: calc(180 / 440 * 100%);margin-bottom: var(--padding-margin__35);}
/*.news-list .ispic img{object-fit: contain;}*/
.news-list .tit{min-height: 2.66em;line-height: calc(32 / 24);font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin:0 0 var(--padding-margin__15);}
.news-list time{color: #666666;font-size: var(--font-size__14);}
.news-list.search {margin: 0;}
.news-list.search .item{width: auto;padding: var(--padding-margin__20) 0;border-bottom: 1px solid rgba(0,0,0,0.1);}
.news-list.search .item .ispic{margin-bottom:0.2rem;padding-bottom: calc(180 / 440 * 100%);}

@media(min-width:1025px){
.news-rec .ispic{width: calc(720 / 1440 * 100%);padding-bottom: calc(400 / 720 * 50%);margin-bottom: 0;}
.news-rec .info{width: calc(620 / 1440 * 100%);}
.news-rec .swiper-pagination{text-align: right;}
}
@media(min-width:769px){
    .news-list.search .item .ispic{width: calc(500 / 1600 * 100%);margin-right:4%;margin-bottom:0;padding-bottom:2.4rem;}
    .news-list.search h3{flex:1;height:auto;}
}
@media(max-width:1024px){
.news-list{margin-left: -0.2rem;}
.news-list .item{width: 50%;padding: 0 0 var(--padding-margin__70) 0.2rem;}
}
@media(max-width:480px){
  .search-box .select-txt{width: 32%;}
  .search-box .input{width: 65%;}
}


/* Core Capabilities */
.core-info .inforarea .ispic{border-radius: 0.15rem;padding-bottom: calc(502 / 639 * 100%);}
.core-info .inforarea .tit{font-size: var(--font-size__30);font-weight: var(--font-weight__m);line-height: calc(50 / 30);margin: -0.1rem 0 0.35rem;}
.core-info .inforarea .edit-info p{position: relative;padding-left: 0.28rem;}
.core-info .inforarea .edit-info p:before{width: 0.14rem;height: 0.14rem;content: "";left: 0;top: 0.05rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);}
.core-info .inforarea .edit-info p:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.04rem;top: 0.09rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1);}
.core-info .inforarea .photoSlider{position: relative;}
.core-info .inforarea .arr{top: auto;transform: translateY(0);bottom: -0.3rem;position: static;}
.core-info .inforarea .page{position: absolute;left: 0;bottom: -0.3rem;width: 100%;z-index: 1;}

.core-info .numList{padding-top: var(--padding-margin__80);}
.core-info .numList .item{font-weight: var(--font-weight__sb);}
.core-info .numList .item p{margin: 0;font-size: var(--font-size__16);line-height: 1.2;min-height: 2.4em;}
.core-info .numList .item .num{min-height: 0.68rem;}
.core-info .numList .item .count-up{font-size: var(--font-size__60);}
.core-info .numList .item .txt{margin-left: 0.05rem;color: #333333;}
.core-info .numList .item sup{font-size: var(--font-size__30);display: block;}
.core-info .numList .item sub{display: block;font-weight: var(--font-weight__r);font-size: var(--font-size__18);margin-top: 10%;}
.core-info .numList .item:last-child sup{font-size: var(--font-size__18);}

.core-info .video{padding: var(--padding-margin__120) 0 var(--padding-margin__120);position: relative;}
.core-info .video .ispic{border-radius: 0.15rem;padding-bottom: calc(600 / 1000 * 100%);}
.core-info .video .ispic:After{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;z-index: 1;background-color: rgba(var(--black-color__rgb), 0.3);transition: all 0.5s;}
.core-info .video .ispic:hover:After{background-color: rgba(var(--black-color__rgb), 0.1);}
.core-info .video .edit-info{text-align: center;border-radius: 0.1rem;box-shadow: 0 2px 0.84rem rgba(69,75,86,0.2);line-height: calc(30 / 18);color: #333333;padding: 0.35rem;background-color: #fff;}
.core-info .video .edit-info p{margin: 0;}
.core-info .video .edit-info:before{content: "";position: absolute;width: 11.25vw;height: 7.969vw;left: 2.031vw;top: -4.01vw;background: url(../images/kh_left.svg) var(--background-contain);}
.core-info .video .edit-info:after{content: "";position: absolute;width: 8.125vw;height: 5.625vw;right: 2.552vw;bottom: -2.031vw;background: url(../images/kh_right.svg) var(--background-contain);}

.core-mid {overflow:hidden;}
.core-mid .inforarea{margin-bottom: var(--padding-margin__70);}
.core-mid .inforarea .ispic{border-radius: 0.15rem;padding-bottom: calc(400 / 639 * 100%);}
.core-mid .inforarea .tit{font-size: var(--font-size__30);font-weight: var(--font-weight__m);line-height: calc(50 / 30);margin: -0.1rem 0 0.35rem;display:none;}
.core-mid .inforarea .edit-info p{position: relative;padding-left: 0.28rem;}
.core-mid .inforarea .edit-info p:before{width: 0.14rem;height: 0.14rem;content: "";left: 0;top: 0.05rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);}
.core-mid .inforarea .edit-info p:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.04rem;top: 0.09rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1);}
.core-mid .inforarea .photoSlider{position: relative;}
.core-mid .inforarea .arr{top: auto;transform: translateY(0);bottom: -0.3rem;position: static;}
.core-mid .inforarea .page{position: absolute;left: 0;bottom: -0.3rem;width: 100%;z-index: 1;}

.core-mid .list{position: relative;}
.core-mid .list .item{border-radius: 0.15rem;border: 1px solid #dadada;position: relative;z-index: 2;}
.core-mid .list .ispic{padding-bottom: calc(250 / 500 * 100%);border: 1px solid #dadada;border-radius: 0.15rem;width: calc(100% + 2px);left: -1px;top: -1px;}
.core-mid .list .info{padding: 0 var(--padding-margin__50) var(--padding-margin__15);position: relative;z-index: 2;min-height: 1.8rem;}
.core-mid .list .tit{font-size: var(--font-size__24);font-weight: var(--font-weight__b);display: inline-block;min-width: 1.8rem;text-align: center;line-height: 0.5rem;margin: -0.25rem 0 var(--padding-margin__15);position: relative;z-index: 1;border-radius: 0.5rem;padding: 0 0.1rem;box-shadow: 0 3px 0.2rem rgba(95,95,95,0.2);background-color: #fff;transform: translateY(-0.05rem);transition:var(--transition);}
.core-mid .list dl{font-size: var(--font-size__20);line-height: calc(36 / 20);}
.core-mid .list .en-tit{font-size: 1.2rem;width: 60%;left: 25%;top: -5%;color: #555555;opacity: 0.08;font-weight: var(--font-weight__sb);position:absolute;}
.core-mid .list .en-tit span{display: block;}
.core-mid .list .item:hover .tit{background-color:var(--primary-color);color: #fff;}

.core-bot{background-color: #f8f8f8;}
.core-bot .ispic{text-align: center;background: url(../images/core_bg.jpg) var(--background-cover);margin-bottom: var(--padding-margin__50);}
.core-bot .tit{font-size: var(--font-size__30);}

.core-bot .list .item{padding: var(--padding-margin__35) 0 var(--padding-margin__30);border-bottom: 1px solid #e3e3e3;}
.core-bot .list .item h4{color: #555555;position: relative;margin: 0 0 var(--padding-margin__15);padding-left: 0.24rem;font-size: var(--font-size__24);}
.core-bot .list .item h4:before{width: 0.14rem;height: 0.14rem;content: "";left: 0;top: 0.05rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);}
.core-bot .list .item h4:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.04rem;top: 0.09rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1);}
.core-bot .list .item pre{font-size: var(--font-size__16);line-height: calc(28 / 16);color: #666666;padding-left: 0.24rem;}
.core-bot .list .item:hover h4{color: #333333;}
.core-bot .list .item:hover {box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 0.1rem;}

@media(min-width:1025px){
.core-mid .list .item{width: calc(500 / 1440 * 100%);margin:0 calc(50 / 1440 * 100%) calc(50 / 1440 * 100%) 0;}
.core-mid .list .item:nth-child(4n+3){margin-left: calc(386 / 1440 * 100%);}
.core-mid .list .item:nth-child(4n+4){margin-right: 0;}
.core-mid .list .item:nth-last-child(-n+2){margin-bottom: 0;}
}
@media(min-width:769px){
.core-info .inforarea .photoSlider{width: calc(640 / 1440 * 100%);}
.core-info .inforarea .ispic{padding-bottom: 5rem;}
.core-info .inforarea .info{width: calc(720 / 1440 * 100%);}
.core-info .video .edit-info{position: absolute;bottom: 0;margin-top: 0.2rem;min-height: 3.3rem;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0.5rem;z-index: 2;left: 0;width: calc(640 / 1440 * 100%);}
.core-info .video .ispic{padding-bottom: 6rem;width: calc(1000 / 1440 * 100%);}

.core-mid .inforarea{flex-direction: row-reverse;}
.core-mid .inforarea .photoSlider{width: calc(640 / 1440 * 100%);}
.core-mid .inforarea .ispic{padding-bottom: 4rem;}
.core-mid .inforarea .info{width: calc(680 / 1440 * 100%);}

.core-bot .list .item{width: calc(700 / 1440 * 100%);min-height: 1.87rem;display: flex;flex-direction: column;justify-content: center;}
}
@media(max-width:1024px){
  .core-info .numList .item{width: 33.333%;padding-bottom: 0.25rem;}
  .core-mid .list ul{justify-content: space-between;}
  .core-mid .list .item{width: 49%;margin-bottom: 2%;}
  .core-mid .list .item:nth-last-child(-n+2){margin-bottom: 0;}
  .core-mid .list .en-tit{left:-25%;}
}
@media(max-width:768px){
  .core-info .inforarea .photoSlider{margin-bottom: 0.25rem;}
  .core-info .numList .item{width: 50%;}
  .core-mid .inforarea .photoSlider{margin-bottom: 0.25rem;}
  .core-mid .list .item{width: 100%;}
  .core-mid .list .item:nth-last-child(-n+2){margin-bottom: 2%;}
  .core-mid .list .item:nth-last-child(-n+1){margin-bottom: 0;}
  .core-mid .list .en-tit{font-size:0.6rem;left:-40%;}
}


/* hornor */
.hornor-info{padding-bottom: var(--padding-margin__70);}
.hornor-info .is-bgImg__cover{background: var(--background-cover);position: absolute;right: 0;width: 100%;bottom: -15%;height: 110%;z-index: 0;}
.hornor-info .text{padding-top: var(--padding-margin__40);}
.hornor-info .text .item{width: calc(362 / 830 * 100%);min-height: 0.92rem;display: flex;align-items: center;justify-content: center;padding: 0 0.35rem;margin-bottom: var(--padding-margin__45);background: url(../images/hornor-item_bg.png) no-repeat center center/100% 100%;text-align: center;font-size: var(--font-size__20);font-weight: var(--font-weight__m);line-height: calc(24 / 16);color: #333333;}
.hornor-info .photo .ispic{overflow: visible;}
.hornor-info .photo img{max-height: 2.07rem;-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 60%,rgba(0,0,0,.2));box-reflect: below 0px linear-gradient(transparent 60%,rgba(0,0,0,.2));}

.hornor-list #hornor-con .swiper-wrapper{padding-bottom:0.15rem;}
.hornor-list #hornor-year{text-align: center;margin-bottom: var(--padding-margin__100);}
.hornor-list #hornor-year:after{bottom: 0.14rem;left: 0;width: 100%;content: "";position: absolute;height: 1px;background-color: rgba(var(--black-color__rgb), 0.1);}
.hornor-list #hornor-year .swiper-slide{cursor: pointer;font-size: var(--font-size__20);color: #999999;height: 0.82rem;padding-bottom: 0.15rem;display: flex;align-items: center;justify-content: center;}
.hornor-list #hornor-year .swiper-slide span{text-transform: uppercase;font-size: var(--font-size__18);margin-left: 5px;}
.hornor-list #hornor-year .swiper-slide .dot{position: absolute;width: 0.1rem;height: 0.1rem;left: 50%;transform: translateX(-50%);border-radius: 50%;bottom: 0.1rem;}
.hornor-list #hornor-year .swiper-slide .dot em{position: absolute;left:0;top:0;width: 100%;height: 100%;border-radius: 50%;background-color: #b5b5b5;}
.hornor-list #hornor-year .swiper-slide .dot:after{position: absolute;left:50%;top:50%;width: 0.2rem;height: 0.2rem;border-radius: 50%;background-color: #b5b5b5;opacity: 0.4;margin: -0.1rem 0 0 -0.1rem;content: "";z-index: 0;}
.hornor-list #hornor-year .swiper-slide .dot:before{position: absolute;left:50%;top:50%;width: 0.28rem;height: 0.28rem;border-radius: 50%;background-color: #b5b5b5;opacity: 0.2;margin: -0.14rem 0 0 -0.14rem;content: "";z-index: 0;}
.hornor-list #hornor-year .swiper-slide-thumb-active{color: var(--primary-color);font-size: var(--font-size__26);font-weight: var(--font-weight__m);}
.hornor-list #hornor-year .swiper-slide-thumb-active span{font-size: var(--font-size__20);}
.hornor-list #hornor-year .swiper-slide-thumb-active .dot:after{background-color: var(--primary-color);}
.hornor-list #hornor-year .swiper-slide-thumb-active .dot:before{background-color: var(--primary-color);}
.hornor-list #hornor-year .swiper-slide-thumb-active .dot em{background-color: var(--primary-color);}
.hornor-list .inner-list .swiper-slide{display: flex;flex-wrap: wrap;}
.hornor-list .inner-list .item{width: 33.333%;padding-bottom: 0.4rem;background: url(../images/hornor-groung_bg.jpg) repeat-x  0 2.47rem;}
.hornor-list .inner-list .pic{height: 2.48rem;display: flex;align-items: flex-end;justify-content: center;}
.hornor-list .inner-list .pic img{transition: all 0.5s;}
.hornor-list .inner-list .pic figure{display: inline-block;position: relative;background-color: #943238;padding: 3px;}
.hornor-list .inner-list .pic figure span{overflow: hidden;display: block;position: relative;z-index: 1;}
.hornor-list .inner-list .pic figure em{position: absolute;right: -0.3rem;height: 100%;width: 0.3rem;background: url(../images/hornor-item_shadow.png) no-repeat center bottom/100% 100%;top: 0;z-index: 1;}
.hornor-list .inner-list .pic img{max-height: 2.3rem;display: block;}
.hornor-list .inner-list .desc{line-height: calc(24 / 16);margin: 0.26rem auto 0;text-align: center;color: #333333;font-size: var(--font-size__16);width: 65%;}
.hornor-list .inner-list .item:hover .desc{color: var(--primary-color);}
.hornor-list .inner-list .item:hover .pic img{transform: scale(1.1);}
.hornor-list .Qualifications{margin-top: var(--padding-margin__150);}

.controls-page{padding-top: var(--padding-margin__30);}
.controls-page .arr{position:static;transform: translateY(0);width: 0.6rem;height: 0.6rem; background-size: 0.23rem auto;border: 1px solid rgba(var(--black-color__rgb), 0.1);background-color: transparent;margin-top: 0;}
.controls-page a:hover{background-color: var(--primary-color);}
.controls-page .swiper-pagination span{display: flex;width: 0.6rem;height: 0.6rem;border-radius: 50%;align-items: center;justify-content: center; transition: var(--transition);border: 1px solid rgba(var(--black-color__rgb), 0.1);margin: 0 0.12rem;cursor: pointer;}
.controls-page .swiper-pagination span:hover{background-color: var(--primary-color);color: #fff;}
.controls-page .swiper-pagination .swiper-pagination-bullet-active{color: #fff;}
.controls-page .swiper-pagination{position: static;width: auto;}

@media(min-width:1025px){
  .hornor-info .text{max-width: 8.3rem;}
  .hornor-info .photo{max-width: 8.3rem;}
}
@media(max-width:1024px){
  .hornor-info .is-bgImg__cover:after{content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;background-color: rgba(255,255,255,0.65);backdrop-filter: blur(20px) saturate(150%);}
}
@media(max-width:768px){
  .hornor-list #hornor-year .swiper-slide {display: block;}
  .hornor-list #hornor-year .swiper-slide span{display: block;}

  .hornor-list .inner-list .desc{width: 90%;}
  .hornor-list .inner-list .item{width: 50%;}

  .hornor-info .text .item{width: 49%;}
  .hornor-info .photo .item{width: 33.333%;}
  .hornor-info .photo img{max-height: 1.5rem;}
}
@media(max-width:480px){
  .controls-page .swiper-pagination span,.controls-page .arr{width: 0.4rem !important;height: 0.4rem !important;}
  .hornor-list .inner-list .item{background-position: 0 1.8rem;}
  .hornor-list .inner-list .pic{height: 1.8rem;}
  .hornor-list .inner-list .pic img{max-height: 1.4rem;}
}

/* culture */
.culture-list .item{padding: var(--padding-margin__40) var(--padding-margin__40) var(--padding-margin__20) var(--padding-margin__20);border-radius: 0.3rem;box-shadow: 0 3px 0.8rem rgba(69,75,86,0.2);position: relative;background: url(../images/culture-item_bg.jpg) no-repeat center top/cover;z-index: 2;}
.culture-list .item:before{width: 100%;left: 0%;bottom: -0.8rem;height: 0.8rem;position: absolute;content: "";z-index: 1;background: url(../images/culture-item_shadow.jpg) no-repeat center/cover;}
.culture-list .item:not(:last-child){margin-bottom:var(--padding-margin__70);}
.culture-list .item .ispic img{border-radius: 0.15rem;}
.culture-list .item p{color: #fff;margin: 0;position: absolute;z-index: 10;right: var(--padding-margin__50);top: var(--padding-margin__50);font-size: var(--font-size__20);border-radius: 0.05rem;padding: 0.1rem 0.25rem;background-color: rgba(0,0,0,0.5);}
.culture-list .item pre{font-size: var(--font-size__24);line-height: calc(36 / 24);margin-top: var(--padding-margin__25);font-weight: var(--font-weight__b);}
.culture-list .item:nth-child(3) p{right: auto;left: var(--padding-margin__50);}
@media(min-width:769px){
.culture-list .item .ispic{width: calc(719 / 1377 * 100%);top: -0.2rem;z-index: 2;}
.culture-list .item .info{width: calc(658 / 1377 * 100%);padding: 0 var(--padding-margin__70);position: relative;z-index: 1;}
.culture-list .item:after{width: calc(800 / 1377 * 100%);right:var(--padding-margin__40);top: 0.4rem;height: calc(100% - 0.4rem);border-radius: 0.2rem;background: linear-gradient(-80deg, #e3e7ed 0%, rgba(227,231,237,0.51) 83%, rgba(227,231,237,0.1) 100%);position: absolute;content: "";z-index: 0;}
.culture-list .item:nth-child(even){flex-direction: row-reverse;}
.culture-list .item:nth-child(even):after{right: auto;left:var(--padding-margin__40);background: linear-gradient(80deg, #e3e7ed 0%, rgba(227,231,237,0.51) 83%, rgba(227,231,237,0.1) 100%);}
.culture-list .item:nth-child(even) p{right: auto;left: var(--padding-margin__50);top: auto;bottom: var(--padding-margin__50);}
.culture-list .item:nth-child(3) p{right: auto;left: var(--padding-margin__50);}
}
@media(max-width:768px){
  .culture-list .item{padding: 0.2rem;}
  .culture-list .item .ispic{margin-bottom: 0.25rem;}
}


/* detail */
.news-details{padding: var(--padding-margin__100) 0;background: #f5f5f5;}
.news-details .place{line-height: 0.22rem;padding: var(--padding-margin__35) 0;color: #999999;font-size: var(--font-size__14);}
.news-details .place a{display: inline-block;color: #999999;position: relative;padding-right:0.2rem;}
.news-details .place a:hover{color: var(--primary-color);}
.news-details .place a:after{position: absolute;right: 0;width: 0.2rem;text-align: center;content: ">";top:5%;}
.news-details .place span{display: inline-block;color: #000;}
.news-details .content{background-color: #fff;border-radius: 0.3rem;padding:  var(--padding-margin__110) var(--padding-margin__120) var(--padding-margin__100);}
.news-details .title{line-height: calc(52 / 42);font-size: var(--font-size__42);margin: 0;}
.news-details .other{padding: var(--padding-margin__25) 0 var(--padding-margin__30);font-size: var(--font-size__16);font-weight: var(--font-weight__m);}
.news-details .other time{color: var(--primary-color);flex: 1;}
.news-details .other .follow-us aside{margin-right: 0.18rem;}
.news-details .other .follow-us li:hover .icon img{    filter: brightness(0) invert(0);}

.news-details .edit-info{border-bottom:2px solid rgba(var(--black-color__rgb), 0.1);padding: var(--padding-margin__55) 0;background: url(../images/edit_line.gif) repeat-x 0 top;font-size:var(--font-size__18);}
.news-details .edit-info h2{font-size: var(--font-size__24);font-weight: var(--font-weight__m);}
.news-details .edit-info img{border-radius: 0.2rem;}
.news-details .edit-info *{line-height: calc(28 / 16) !important;font-size:var(--font-size__18) !important;font-family: inherit !important;}
.news-details .edit-info p.tc{text-align:center !important;}

.news-page{padding-top: var(--padding-margin__25);font-size: var(--font-size__16);}
.news-page dl{line-height: calc(30 / 16);color: #666666;}
.news-page dl dt{padding-right: 0.05rem;}
.news-page dl dd{flex: 1;}
.news-page dl a{color: #666666;}.news-page dl a:hover{color: var(--primary-color);}
.news-page .back{background-color: var(--primary-color);text-align: center;width: 2rem;padding: 0 0.15rem;border-radius: 0.55rem;line-height: 0.55rem;color: var(--primary-color);margin: var(--padding-margin__45) auto 0;display: block;color: #fff;}
.news-page .back:hover{background-color: rgba(var(--primary-color__rgb),0.8);}

@media(max-width:768px){
  .news-details .edit-info img{width:100% !important;}
  .news-details{padding-top: 0.8rem;}
  .news-details .content{padding: 0.35rem 0.25rem;}
  .news-details .edit-info *{font-size:0.2rem !important;}
}


/* contact us */
.contact-us{padding-bottom: var(--padding-margin__140);z-index: 1;}
.contact-us .info .subTit{border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-us .info dl{min-height: 1.37rem;border-bottom: 1px solid rgba(0,0,0,0.1);}
.contact-us .info dl dt{width: 0.72rem;}
.contact-us .info dl dt img{width: 0.4rem;}
.contact-us .info dl p{color: #666666;margin: 0 0 0.1rem;}
.contact-us .info dl aside{color: #000000;line-height: calc(35 / 24);font-size: var(--font-size__24);font-weight: var(--font-weight__m);}

.contact-message{background-color: #f9f9f9;}
.contact-message .container{max-width: 12.40rem;}
.contact-message .form .group{margin-bottom: var(--padding-margin__35);}
.contact-message .form .auto{width: 100% !important;}
.contact-message .form .label{margin-bottom: 0.15rem;}
.contact-message .form-button{font-size: var(--font-size__16);width: 1.38rem;height: 0.55rem;border-radius: 0.55rem;padding: 0;}

textarea.form-input{height: 1.8rem;padding: var(--padding-margin__15) var(--padding-margin__25);}

@media(min-width:1025px){
  .contact-us{min-height: 6.8rem;}
  .contact-us .info{width: calc(770 / 1440 * 100%);}
  .contact-us .ispic{width: calc(630 / 1440 * 100%);}
  /*.contact-us .ispic{position: absolute;right: -2.4rem;top: 0;width: 8rem;}*/
}
@media(min-width:769px){
  .contact-message .form .group{width: calc(600 / 1240 * 100%);}
}
@media(max-width:1366px){
.contact-us .ispic{width: 7.65rem;}
}
@media(max-width:1024px){
  .contact-us .ispic{width: 100%;}
}

/* esg */
.esg-info .inforarea h3{font-size: var(--font-size__24);font-weight: var(--font-weight__sb);margin: 0 0 0.1rem;position: relative;z-index: 1;}
.esg-info .inforarea .edit-info{position: relative;visibility: visible;}
.esg-info .inforarea .edit-info:before{position: absolute;width: 11.25vw;height: 7.969vw;content: "";top: -3.073vw;left: -3.646vw;content: "";background: url(../images/kh_left2.svg) no-repeat center center/contain;z-index: -1;}
.esg-info .inforarea .edit-info:after{position: absolute;width: 8.125vw;height: 5.625vw;content: "";bottom: -0.12rem;right: -33px;content: "";background: url(../images/kh_right2.svg) no-repeat center center/contain;z-index: -1;}

.esg-leader{background-color: #f8f8f8;}
.esg-leader .inforarea h3{font-size: var(--font-size__24);font-weight: var(--font-weight__sb);margin: 0 0 0.1rem;position: relative;z-index: 1;}
.esg-leader .inforarea .edit-info{position: relative;visibility: visible;}

.is-bgImg__cover.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}
.table{text-align: center;border: 1px rgba(255,255,255,0.3);}
.table li{padding: 0.21rem 0.1rem;flex: 1;}
.table .thead{background-color: #fff;font-weight: var(--font-weight__m);border-radius: 0.1rem 0.1rem 0 0;}
.table .list{/*background-color: rgba(255,255,255,0.2);-webkit-backdrop-filter: blur(20px) saturate(150%);  backdrop-filter: blur(20px) saturate(150%);*/background-color: rgba(20,46,16,0.7);}
.table .item {font-size: var(--font-size__16);color: #fff;border-top: 0;}
.table .item:hover li{border-bottom: 1px solid rgba(255,255,255,0.8);}
.esg-tab .item li:nth-child(1){border-left: 1px solid rgba(255,255,255,0.3);}
.esg-tab .item li:nth-child(3){border-right: 1px solid rgba(255,255,255,0.3);}
.esg-tab .item li{border-bottom: 1px solid rgba(255,255,255,0.3);}
.esg-target{overflow: hidden;}
.esg-target .bg{height: 135%;top: 0;}
.esg-target li:nth-child(1){flex: 0.7;}
.esg-target li:nth-child(3){flex: 0.8;}

.esg-strategy {background-color: #f8f8f8;}
.esg-strategy .culture{margin: 3.906vw 0 -3.125vw -3.125vw;}
.esg-strategy .culture .item{width: calc(100% / 3 - 3.125vw);margin: 0 0 3.125vw 3.125vw;position: relative;}
.esg-strategy .culture .ispic{border-radius: 0.15rem;padding-bottom: calc(550 / 440 * 100%);}
.esg-strategy .culture .ispic:before{left: 0;bottom: 0;width: 100%;height: 50%;z-index: 1;content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.5));transition: all 0.3s;}
.esg-strategy .culture .ispic:after{left: 0;top: 0;width: 100%;height: 100%;z-index: 1;content: "";position: absolute;background-color: rgba(0,0,0,0.5);transition: all 0.5s;opacity: 0;}
.esg-strategy .culture .info{position: absolute;left: 0;bottom:0;z-index: 2;width: 100%;padding: var(--padding-margin__40);color: #fff;}
.esg-strategy .culture .info .icon img{width: 0.55rem;}
.esg-strategy .culture .info h3{font-size: var(--font-size__24);line-height: calc(30 / 24);margin-top: var(--padding-margin__25);}
.esg-strategy .culture .edit-info{line-height: calc(24 / 16);font-weight: var(--font-weight__l);color: #fff;transition: all 0.5s ease-in-out;opacity: 0;height: 0;margin: 0;padding: 0;}
.esg-strategy .culture .item:hover .edit-info{height: 2.7rem;overflow-y: auto;margin-top: 0.18rem;opacity: 1;}
.esg-strategy .culture .item:hover .ispic:before{opacity: 0;}
.esg-strategy .culture .item:hover .ispic:after{opacity: 1;}

.unfold-txt h3{font-weight: var(--font-weight__m);font-size: var(--font-size__24);margin: 0;position: relative;cursor: pointer;}
.unfold-txt h3 .arr{position: absolute;right: 0;top: 50%;margin-top: -0.09rem;width: 0.18rem;height: 0.18rem;transition: var(--transition);}
.unfold-txt h3 .arr:after,.unfold-txt h3 .arr:before{position: absolute;left: 0;top: 0;content: "";transition: all 0.5s;background-color: #7d7d7d;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.unfold-txt h3 .arr:after{width: 100%;height: 2px;}
.unfold-txt h3 .arr:before{width: 2px;height: 100%;}
.unfold-txt .item{border-bottom: 1px solid #d5d5d5;color: #333333;padding: var(--padding-margin__40) 0;min-height: 1.29rem;display: flex;flex-direction: column;justify-content: center;}
.unfold-txt .item:hover .arr{transform: scale(1.1) rotate(180deg);}
.unfold-txt .item:hover .arr:after,.unfold-txt .item:hover .arr:before{background-color: var(--primary-color);}
.unfold-txt .item.cur .arr:before{height: 0;}
.unfold-txt .edit-info{margin-top: var(--padding-margin__20);display: none;}
.unfold-txt .edit-info p{margin: 0;}

.esg-overview{background-color: #f8f8f8;}
.esg-overview .list .item{flex:1;position: relative;}
.esg-overview .list .ispic{padding-bottom: 9.6rem;}
.esg-overview .list .ispic:before{left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8));transition: all 0.3s;opacity: 0;}
.esg-overview .list .info{position: absolute;left: 0;bottom:73%;z-index: 2;width: 100%;padding: var(--padding-margin__60);color: #fff;transition: all 0.5s;}
.esg-overview .list .info .icon img{width: 0.55rem;}
.esg-overview .list .info aside{font-weight: var(--font-weight__sb);}
.esg-overview .list .info h3{font-size: var(--font-size__40);line-height: calc(30 / 24);margin: var(--padding-margin__15) 0 0;font-weight: var(--font-weight__sb);}
.esg-overview .list .edit-info{line-height: calc(24 / 16);color: #fff;display: none;font-size: var(--font-size__18);}
.esg-overview .list .edit-info p{position: relative;padding-left: 0.28rem;}
.esg-overview .list .edit-info p:before{width: 0.14rem;height: 0.14rem;content: "";left: 0;top: 0.05rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);}
.esg-overview .list .edit-info p:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.04rem;top: 0.09rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1);}
.esg-overview .list .item:hover .info{bottom: 0;}
.esg-overview .list .item:hover .edit-info{max-height: 4.5rem;overflow-y: auto;margin-top:var(--padding-margin__35);opacity: 1;display: block;}
.esg-overview .list .item:hover .ispic:before{opacity: 1;}

.esg-report{overflow: hidden;}
.esg-report .swiper-slide{padding: var(--padding-margin__100) 0;}
.esg-report .ispic{border-radius: 0.15rem;padding-bottom: calc(510 / 680 * 100%);}
.esg-report .title{border-radius: 0.1rem;position: relative;z-index: 2;width: calc(600 / 681 * 100%);margin: 0px auto;min-height: 1.1rem;padding: var(--padding-margin__15) var(--padding-margin__40);margin-top: -0.7rem;background-color: #fff;}
.esg-report .title .tit{font-size: var(--font-size__24);font-weight: var(--font-weight__m);}
.esg-report .title p{font-size: var(--font-size__16);margin: 0;display: flex;align-items: center;color: #666;}
.esg-report .title p:after{margin-left: var(--padding-margin__20);width: 0.24rem;height: 0.24rem;content: "";background: url(../images/ico-down.svg) no-repeat center center/contain;}
.esg-report .title p:hover:after{opacity: 0.8;}
.esg-report h3{font-size: var(--font-size__80);color: var(--primary-color);margin: 0;font-weight: var(--font-weight__m);}
.esg-report h4{font-size: var(--font-size__24);margin: var(--padding-margin__15) 0 var(--padding-margin__20);line-height: calc((40 / 24));max-width: 3.2rem;font-weight: var(--font-weight__m);}
.esg-report .edit-info{max-height: 4.5rem;overflow-y: auto;}
.esg-report .swiper-pagination{display: none !important;}

.esg-awards{background-color: #f6f6f6;}
.esg-awards .swiper:not(:last-child){margin-bottom: var(--padding-margin__140);}
.tit-h3{line-height: 0.6rem;padding-left: 0.18rem;border-left: 0.08rem solid var(--primary-color);font-size: var(--font-size__40);margin-bottom: 0.3rem;}
.esg-awards .swiper-slide{background-color: #fff;border-radius: 0.15rem;transition: all 0.5s;}
.esg-awards .top{min-height: 3.7rem;padding: var(--padding-margin__50) 0.1rem 0 var(--padding-margin__30);font-weight: var(--font-weight__sb);}
.esg-awards .top img{display: block;margin-bottom: var(--padding-margin__25);height: 0.88rem;}
.esg-awards .top aside{color: #666666;font-size: var(--font-size__20);}
.esg-awards .top h4{font-size: var(--font-size__30);line-height: calc(34 / 30);margin: var(--padding-margin__15) 0 0;}
.esg-awards .bot{border-top: 1px solid #e5e5e5;min-height: 0.8rem;padding: 0 var(--padding-margin__30);position: relative;}
.esg-awards .bot:after{content: "";position: absolute;left: var(--padding-margin__30);width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: var(--primary-color);top: -0.03rem;transition: var(--transition);}
.esg-awards .bot aside{font-size: var(--font-size__30);font-weight:var(--font-weight__b);}
.esg-awards .bot p{font-size: var(--font-size__16);margin: 0;}
.esg-awards .swiper-slide:hover .bot:after{left: calc(100% - 0.06rem);}
.esg-awards .ratings .swiper-slide{background: #fff url(../images/awards-ico.svg) no-repeat right -0.57rem bottom -0.17rem/2.42rem 2.27rem;}
.esg-awards .ratings .swiper-slide:hover{background: #fff url(../images/awards-ico.svg) no-repeat right -0.2rem bottom 0rem/2.42rem 2.27rem;}
.esg-awards .awards .swiper-slide{background: #fff url(../images/awards-ico2.svg) no-repeat right -0.51rem bottom -0.1rem/2.25rem 2.25rem;}
.esg-awards .awards .swiper-slide:hover{background: #fff url(../images/awards-ico2.svg) no-repeat right -0.2rem bottom -0rem/2.25rem 2.25rem;}
.esg-awards .swiper-scrollbar{margin-top: 0.8rem;position: relative;top: auto;bottom: auto;}
.esg-awards .arr{top: auto;transform: translateY(0);bottom: 0.12rem;}
.esg-awards .swiper-button-prev{left: calc(50% - 0.75rem);}
.esg-awards .swiper-button-next{right:calc(50% - 0.75rem);}

.esg-news .ispic{border-radius: 0.15rem;padding-bottom: calc(294 / 440 * 100%);}
.esg-news .tit{font-weight: var(--font-weight__m);line-height: calc(32 / 24);font-size: var(--font-size__24);height: 2.66em;margin: var(--padding-margin__35) 0 var(--padding-margin__15);}
.esg-news time{color: #666666;font-size: var(--font-size__14);}
.esg-news .arr{top: 30%;}
.esg-news .swiper-pagination{position: static;margin-top: 0.25rem;}

.esg-policies .list .item{min-height: 0.9rem;display: flex;align-items: center;border-bottom: 1px solid #e5e5e5;padding: 0.12rem 0;line-height: 1.2;}
.esg-policies .list .item:hover{border-bottom: 1px solid rgba(0,0,0,0.2);}
.esg-policies .list .item .tit{flex: 1;}
.esg-policies .list .item .down{width: 0.16rem;height: 0.17rem;content: "";background: url(../images/ico-down.svg) no-repeat center center/contain;margin-right: 0.14rem;}
.esg-policies .list .item:nth-child(n+7){display: none;}
.esg-policies .list.on .item{display: flex !important;}
.esg-policies .tc{padding-top: var(--padding-margin__30);}

/* 弹窗 */
.esg-popbox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;background-color: rgba(0,0,0,0.8);pointer-events: none;visibility: hidden;opacity: 0;transition: var(--transition);}
.esg-popbox.show{opacity: 1;visibility: visible;pointer-events: auto;}
.esg-popbox .close{position: absolute;right: 0.25rem;top: 0.25rem;width: 0.28rem;height: 0.28rem;background: url(../images/close-black.svg) no-repeat center center/contain;cursor: pointer;}
.esg-popbox .close:hover{opacity: 0.7;}
.esg-popbox .innerbox {max-height: 100vh;overflow-y: auto;}
.esg-popbox .subTit2 {padding-bottom: var(--padding-margin__30);}
.esg-popbox .w1440{border-radius: 0.15rem;background-color: #fff;padding: var(--padding-margin__60) 0;margin: var(--padding-margin__50) auto;}
.esg-popbox #hornor-year{margin-bottom: var(--padding-margin__60);}
#report-con .inner-list{padding: 0 15%;}
#report-con .inner-list:before{position: absolute;left: 0;top: 0;height: 100%;width: 30%;content: "";background-image: linear-gradient(to right, rgba(255,255,255,1) , rgba(255,255,255,0));z-index: 10;pointer-events: none;}
#report-con .inner-list:after{position: absolute;right: 0;top: 0;height: 100%;width: 30%;content: "";background-image: linear-gradient(to left, rgba(255,255,255,1) , rgba(255,255,255,0));z-index: 10;pointer-events: none;}
#report-con .inner-list .swiper-slide{border: 1px solid #e2e2e2;padding: 0.1rem;}
#report-con .inner-list .swiper{padding-bottom: calc(366 / 268 * 100%);}
#report-con .inner-list .info{padding: 0.25rem 0 0 0.12rem;}
#report-con .inner-list h3{font-weight: var(--font-weight__sb);font-size: var(--font-size__20);margin: 0;}
#report-con .inner-list pre{margin-top: 0.1rem;line-height: 1.5;height: 4.5em;font-size: var(--font-size__16);font-weight: var(--font-weight__sb);}
#report-con .inner-list .ispic{padding-bottom: calc(300 / 268 * 100%);}
#report-con .pages{padding-top: var(--padding-margin__65);}

@media(min-width:1025px){
  .esg-info .inforarea .info{width: calc(700 / 1440 * 100%);padding-top: var(--padding-margin__50);}
  .esg-info .inforarea .ispic{width: calc(632 / 1440 * 100%);}

  .esg-leader .inforarea{flex-direction: row-reverse;}
  .esg-leader .inforarea .subTit{padding-bottom: var(--padding-margin__15);}
  .esg-leader .inforarea .info{width: calc(700 / 1440 * 100%);padding-top: var(--padding-margin__35);}
  .esg-leader .inforarea .ispic{width: calc(632 / 1440 * 100%);}

  .esg-strategy .subTit{padding-bottom: 0;}
  .esg-strategy .inforarea{min-height: 6.61rem;}
  .esg-strategy .inforarea .info{width: calc(780 / 1440 * 100%);}
  .esg-strategy .inforarea .ispic{width: calc(560 / 1440 * 100%);}

  .esg-structure .inforarea .info{width: calc(640 / 1440 * 100%);}
  .esg-structure .inforarea .ispic{width: calc(692 / 1440 * 100%);}

  .esg-overview .w1440{width: auto;max-width: none;}
}
@media(min-width:769px){
  .esg-report .left{width: calc(680 / 1440 * 100%);}
  .esg-report .right{width: calc(635 / 1440 * 100%);}
  .esg-report:after{position: absolute;content: "";right: 0;top: 2.32rem;height: calc(100% - 3.32rem);width: calc(1351 / 1920 * 100%);border-radius: 0.2rem 0 0 0.2rem;background-color: #f6f6f6;}
  .esg-report .pages{position: absolute;left: 0.46rem;bottom: 0.78rem;}
  .esg-report .pages .arr{position: static;transform: translateY(0);}
  .esg-report .pages .swiper-button-prev{margin-right: 0.32rem;}

  .esg-policies .subTit{padding-bottom: 0.1rem;}
  .esg-policies .list .item{width: calc(700 / 1440 * 100%);}
}
@media(max-width:1024px){
  .esg-target .bg{height: 150%;}
  .esg-strategy .inforarea .ispic{margin-bottom: 0.25rem;}
  .esg-strategy .culture .item:hover .edit-info{height: 1.5rem;}
  .esg-overview .list .ispic{padding-bottom: 5.6rem;}
  .esg-overview .list .info{padding: var(--padding-margin__30);}
  .esg-overview .list .info h3{font-size: var(--font-size__30);}
  .esg-overview .list .item:hover .edit-info{font-size:var(--font-size__16);max-height: 3.6rem;margin-top: 0.15rem;}
}
@media(max-width:768px){
  .esg-strategy .culture .item{width: 100%;}
  .esg-strategy .culture .ispic{padding-bottom: 64%;}
  .esg-overview .list .item:not(:last-child){margin-bottom: 3.125vw;}
  .esg-overview .list .ispic{border-radius: 0.15rem;}

  .esg-report .swiper-slide{padding-bottom: 0.65rem;}
  .esg-report .arr{top: auto;bottom: -0rem;transform: translateY(0);}
  .esg-report .swiper-pagination{display: block !important;position: absolute;bottom: 0.2rem;}

  .esg-news .swiper-slide{padding-bottom: 0.65rem;}
  .esg-news .arr{top: auto;bottom: -0rem;transform: translateY(0);}
  .esg-news .swiper-pagination{display: block !important;position: absolute;bottom: 0.2rem;}

    .esg-popbox .innerbox{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100vh;}
}


/* Careers */
.hr-info .edit-info img{display: block;margin: 0px auto;}
.hr-activities.hr1{overflow: hidden;}
.hr-activities.hr1 .subTit{text-align:center;}
.hr-activities .tdesc3{max-width: none;}
.hr-activities:after{content: "";width: 100%;height:calc(100% + 1.23rem);position: absolute;left: 0;bottom: 0;background-color: #f6f6f6;}
.hr-activities .list{margin-bottom: var(--padding-margin__120);}
.hr-activities .list .item{padding-bottom: var(--padding-margin__50);border-bottom:1px solid rgba(0,0,0,0.1);}
.hr-activities .list .icon{width: calc(180 / 680 * 100%);}
.hr-activities .list .icon img{height: 0.72rem;}
.hr-activities .list .info{flex: 1;}
.hr-activities .list h3{font-size: var(--font-size__30);line-height: calc(36 / 30);margin: 0 0 var(--padding-margin__25);}

.hr-activities .activities{position: relative;}
.hr-activities .activities .swiper{width: 120%;padding-right: 20%;}
.hr-activities .activities .swiper-slide{padding: var(--padding-margin__60) 0 0.25rem var(--padding-margin__60);}
.hr-activities .activities .ispic{border-radius: 0.15rem;padding-bottom: calc(466 / 700 * 100%);}
.hr-activities .activities .ispic h3{position: absolute;z-index: 2;right: 0.2rem;bottom: 0.1rem;width: calc(100% - 0.4rem);text-align: right;animation:fadeInUpSmall 0.3s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.3s 0.5s ease both;-moz-animation:fadeInUpSmall 0.3s 0.5s ease both;font-size:var(--font-size__24)}
.hr-activities .activities a{display: block;z-index: 1;position: relative;}
.hr-activities .activities a{display: block;z-index: 1;position: relative;}
.hr-activities .activities .tit{font-size: var(--font-size__30);line-height: calc(42 / 30);font-weight: var(--font-weight__sb);max-width: 94%;margin: var(--padding-margin__55) 0 var(--padding-margin__20);opacity: 0;}
.hr-activities .activities .desc{line-height: calc(28 / 16);color: #666666;max-width: 94%;font-size: var(--font-size__16);opacity: 0;}
.hr-activities .activities .swiper-slide-active .tit.noaim{opacity: 1;}
.hr-activities .activities .swiper-slide-active .desc.noaim{opacity: 1;}
.hr-activities .activities .swiper-slide-active:After{position: absolute;width: calc(735 / 760 * 100%);left: 0;top: 0;border-radius: 0.2rem 0.2rem 0 0;height: 100%;content: "";background-color: #fff;z-index: 0;}
.hr-activities .activities .swiper-slide-active .tit:not(.noaim){animation:fadeInUpSmall 0.3s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.3s 0.5s ease both;-moz-animation:fadeInUpSmall 0.3s 0.5s ease both;}
.hr-activities .activities .swiper-slide-active .desc:not(.noaim){animation:fadeInUpSmall 0.6s 0.6s ease both;-webkit-animation:fadeInUpSmall 0.6s 0.6s ease both;-moz-animation:fadeInUpSmall 0.6s 0.6s ease both;}
.hr-activities .activities.notxt .swiper-slide{padding: var(--padding-margin__60) 0 var(--padding-margin__60) var(--padding-margin__60);}
.hr-activities .activities.notxt .swiper-slide-active:After{border-radius: 0.2rem;}

.hr-office .office{position: relative;}
.hr-office .info{position: absolute;padding: var(--padding-margin__50);z-index: 10;left: 0;bottom: 0;width: 100%;color: #fff;line-height: 1.2;}
.hr-office .info h3{font-size:var(--font-size__30);font-weight: var(--font-weight__sb);margin: 0 0 var(--padding-margin__20);}
.hr-office .info pre{font-size: var(--font-size__16);}
.hr-office .ispic{border-radius: 0.15rem;padding-bottom: calc(720 / 1440 * 100%);}
.hr-office .ispic:after{position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 50%;background-image: linear-gradient(to top, rgba(0,0,0,0.8) , rgba(0,0,0,0));content: "";transition: all 0.5s;}
.hr-office .swiper-slide:hover .ispic:after{height: 80%;}
.hr-office .swiper-slide-active h3{animation:fadeInUpSmall 0.3s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.3s 0.5s ease both;-moz-animation:fadeInUpSmall 0.3s 0.5s ease both;}
.hr-office .swiper-slide-active pre{animation:fadeInUpSmall 0.6s 0.6s ease both;-webkit-animation:fadeInUpSmall 0.6s 0.6s ease both;-moz-animation:fadeInUpSmall 0.6s 0.6s ease both;}
.hr-office .swiper-button-prev{left: -1rem;}
.hr-office .swiper-button-next{right: -1rem;}

.hr-employee .employee{position: relative;}
.hr-employee .employee .swiper-slide{border-radius: 0.15rem;background-color: #f6f6f6;padding: var(--padding-margin__40);transition: all 0.5s;}
.hr-employee .employee .edit-info {height: 2.3rem;overflow-y: auto;}
.hr-employee .employee .edit-info p{margin: 0 !important;}
.hr-employee .employee .head{padding-top: 0.51rem;background: url(../images/kh_right3.svg) no-repeat right top/0.31rem 0.25rem;margin-top: 0.13rem;}
.hr-employee .employee .ispic{width: 0.7rem;height: 0.7rem;border-radius: 50%;margin-right: 0.18rem;transition: all 0.5s;}
.hr-employee .employee .info{flex: 1;}
.hr-employee .employee .info aside{margin: 0;font-weight: var(--font-weight__m);margin-bottom: 0.1rem;}
.hr-employee .employee .info p{margin: 0;color: #666666;font-size: var(--font-size__14);}
.hr-employee .employee .swiper-slide:hover{background-color: rgba(var(--black-color__rgb), 0.08);}
.hr-employee .employee .swiper-slide:hover .ispic{transform: scale(1.1);}

.hr-employee .swiper-button-prev{left: -1rem;}
.hr-employee .swiper-button-next{right: -1rem;}

.hr-find{overflow: hidden;}
.hr-find .w1440{min-height: 4rem;color: #fff;}
.hr-find .tdesc3{margin-bottom: var(--padding-margin__55);}
.hr-find .is-bgImg__cover{height: 135%;top: 42%;}
.hr-find .is-bgImg__cover:before{left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,0.3);content: "";position: absolute;transition: all 0.5s;}
.hr-find:hover .is-bgImg__cover:before{background-color: rgba(0,0,0,0.1);}

@media(min-width:769px){
  .hr-activities .pages{position: absolute;right: 0;bottom: 0.75rem;}
  .hr-activities .pages .arr{position: static;transform: translateY(0);margin: 0;}
  .hr-activities .pages .swiper-button-prev{margin-right: 0.3rem;}
  .hr-activities .activities.notxt .pages{bottom: -0.75rem;}
  .hr-activities .list .item{width: calc(680 / 1440 * 100%);padding-bottom: var(--padding-margin__110);}
  .hr-activities .swiper-pagination{display: none ;}

  .hr-office .swiper-pagination{display: none ;}

  .hr-employee .swiper-pagination{display: none ;}
}
@media(max-width:1024px){
  .hr-activities .activities .swiper-slide{padding: var(--padding-margin__30) 0 0.1rem var(--padding-margin__30);}
  .hr-activities .activities .swiper-slide-active:After{width: 120%;}
}
@media(max-width:768px){
  .hr-activities .list .icon{width: 18%;}
  .hr-activities .list .item:not(:last-child){margin-bottom: 0.25rem;}
  .hr-activities .activities .swiper{width: 125%;padding-right: 35%;}
  [class*=hr-] .swiper-pagination{position: static;margin: 0.15rem 0;}
  .hr-find .w1440{min-height: 2.5rem;}
  .hr-activities .list .icon img{height: 0.48rem;}
  .hr-activities .activities .arr{top:30%;}
}
@media(max-width:480px){
    .hr-activities .list .icon{width:12%;}
    .hr-activities .list .icon img{height: 0.33rem;}
}


/* Products and solutions */
.pro-phone_info .solutions{padding:var(--padding-margin__100) 0;background-image: linear-gradient(to bottom, #c2c2c2 , #9b9b9b);color: #fff;overflow: hidden;position: relative;}
.pro-phone_info .solutions .subTit{max-width: 5.75rem;}
.pro-phone_info .solutions .edit-info{max-width: 5.55rem;color: #fff;}
.pro-phone_info .solutions .list{margin: var(--padding-margin__75) 0 -0.8rem -0.8rem;}
.pro-phone_info .solutions .list .item{border: 1px solid rgba(255,255,255,0.3);background-color: rgba(var(--black-color__rgb), 0.3);min-height: 3rem;color: #fff;padding: 0.2rem;border-radius: 0.2rem;backdrop-filter: blur(20px) saturate(150%);width: calc(100% / 4 - 0.8rem);margin: 0 0 0.8rem 0.8rem;}
.pro-phone_info .solutions .list .icon img{height: 0.7rem;}
.pro-phone_info .solutions .list h3{font-size: var(--font-size__18);font-weight: var(--font-weight__sb);margin:var(--padding-margin__45) 0 0;text-align: center;}
.pro-phone_info .solutions .bg{top: -2.2%;}

.pro-phone_rd .item:not(:last-child){margin-bottom:var(--padding-margin__50);}
.pro-phone_rd .list{position: relative;}
.pro-phone_rd .list .pic{left: 32%;top: 0;z-index: 10;width: calc(700 / 1440 * 100%);text-align: center;}
.pro-phone_rd .list .ispic{border-radius: 0.1rem;margin-bottom: 0.25rem;}
.pro-phone_rd .list h3{font-weight: var(--font-weight__sb);font-size: var(--font-size__30);margin: 0;margin-bottom: var(--padding-margin__35);}
.pro-phone_rd.ta .list .pic{top: -20%;}

.pro-phone_ad{position:fixed;left: 0;top: 0;width: 100%;height: 100%;}
.pro-phone_ad .info{z-index: 10;left: calc(160 / 1920 * 100%);width: 50%;position: absolute;height: auto;top: 0;height: 100%;color: #fff;}
.pro-phone_ad .info h3{margin: 0 0 var(--padding-margin__30);line-height: 1.2;font-weight: var(--font-weight__sb);font-size: var(--font-size__30);}
.pro-phone_ad .edit-info{color: #fff;}
.height-blank{padding-bottom: calc(960 / 1920 * 100%);}

@media(min-width:769px){
  .pro-phone_rd .item:not(:last-child){margin-bottom:var(--padding-margin__130);}
  .pro-phone_rd .list .pic{position: absolute;}
  .pro-phone_rd .list .ispic{width: calc(700 / 1440 * 100%);margin-bottom: 0;}
  .pro-phone_rd .list .info{width: calc(545 / 1440 * 100%);}
  .pro-phone_rd .item:nth-child(odd){flex-direction: row-reverse;}
}
@media(max-width:1024px){
  .pro-phone_info .solutions .list {margin: 0 0 -0.2rem -0.2rem;}
  .pro-phone_info .solutions .list .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;min-height: 2rem;}
  .height-blank{padding-bottom: 100%;display: none;}
  .pro-phone_ad{position: relative;padding: var(--padding-margin__100) 0;min-height: 30vh;}
  .pro-phone_ad .info{width: 80%;left: 5%;position: relative;}
}
@media(max-width:768px){
  .pro-phone_rd .list .pic{width: 70%;left: 15%;transform:translate3d(0,0,0) !important;margin-bottom:-0.4rem;}
}

/* --s--- */
.pro-aipc_info .video{border-radius: 0.2rem;padding-bottom: calc(560 / 1440 * 100%);}
.pro-aipc_info .inforarea2{padding-top: var(--padding-margin__100);}
.pro-aipc_info .inforarea3{padding-top: var(--padding-margin__40);}
.pro-aipc_info .inforarea3 .left .ispic{top: -25%;}
.pro-aipc_info .inforarea3 .right .ispic{border-radius: 0.2rem;margin-bottom: var(--padding-margin__50);}

.pro-aipc_layout{background-color: #f5f5f5;}
.pro-aipc_layout .list{border-top: 0.04rem solid #000;}
.pro-aipc_layout .list .item{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);padding: var(--padding-margin__60) 0;}
.pro-aipc_layout .list .item .num{font-size: var(--font-size__24);font-weight: var(--font-weight__sb);padding-bottom: var(--padding-margin__20);width: calc(129 / 1440 * 100%);}
.pro-aipc_layout .list .item .pic{width: calc(362 / 1440 * 100%);transition: all 0.5s;}
.pro-aipc_layout .list .item .ispic{width: 1.2rem;height: 1.2rem;transition: var(--transition);border-radius: 50%;margin: 0px auto;}
.pro-aipc_layout .list .item .edit-info{flex: 1;}
.pro-aipc_layout .list .item:hover .pic{transform: scale(1.65);}

.pro-aipc_high .info{padding: var(--padding-margin__50);}
.pro-aipc_high .list{margin-top: var(--padding-margin__90);}
.pro-aipc_high .list .icon{width: 0.3rem;margin-right: var(--padding-margin__20);}
.pro-aipc_high .list p{flex:1;margin: 0;font-size: var(--font-size__16);font-weight: var(--font-weight__sb);}
.pro-aipc_high .list dd{width: 50%;margin-bottom: var(--padding-margin__35);}
.pro-aipc_high .list dd:nth-last-child(-n+2){margin-bottom:0;}

.pro-aipc_text{background-color: #f5f5f5;}
@media(min-width:1025px){
  /*.pro-aipc_info .subTit .edit-info{width: calc(720 / 1440 * 100%);margin-top:0;}*/
  .pro-aipc_info .inforarea2 {margin-left:var(--padding-margin__90);max-width: 8.25rem;}
}
@media(min-width:769px){
    .pro-aipc_info .inforarea3 .left .ispic{top: -22%;}
    .pro-aipc_info .inforarea2 .edit-info{max-width: 5.5rem}
    .pro-aipc_info .inforarea2 .subTit{padding-bottom: 0;}
    .pro-aipc_info .inforarea3{margin-top: -.8rem;padding-top: 0;padding:0 var(--padding-margin__90);}
  .pro-aipc_info .inforarea3 .left{width: calc(546 / 1440 * 100%);}
 /* .pro-aipc_info .inforarea3 .left img{max-width: 80%;margin: 0px auto;}*/
  .pro-aipc_info .inforarea3 .right{width: calc(750 / 1440 * 100%);}

  /*.pro-aipc_layout .list .item{padding-right: var(--padding-margin__130);}*/

  .pro-aipc_high .ispic{width: calc(960 / 1920 * 100%);}
  .pro-aipc_high .info{width: calc(960 / 1920 * 100%);padding: var(--padding-margin__50) calc(240 / 1920 * 100%) var(--padding-margin__50) var(--padding-margin__100);}

  .pro-aipc_text .edit-info{max-width: 8.8rem;margin-left:auto;margin-right:auto;}
}
@media(max-width:1024px){
  .pro-aipc_info .video{margin-top: 0.25rem;}
}
@media(max-width:768px){
  .pro-aipc_info .inforarea3 .left .ispic{top: 0;position: static;margin-bottom: 0.2rem;text-align: center;    transform: translate3d(0px, 0, 0px) !important;}
}

/* --s--- */
.pro-automotive_info .edit-info{max-width: 9.8rem;margin-left: auto;margin-right: auto;}
.pro-automotive_info .list{margin:0 0 var(--padding-margin__60) 0;}
.pro-automotive_info .list .item{position: relative;margin-bottom: 0.15rem;overflow: hidden;width: 100%;}
.pro-automotive_info .list .ispic{padding-bottom: 6rem;border-radius: 0.1rem;}
.pro-automotive_info .list .ispic:before{left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;content: "";position: absolute;transition: all 0.3s;opacity: 0.7;background-color: rgba(var(--black-color__rgb), 0.3);}
.pro-automotive_info .list .ispic:after{left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;content: "";position: absolute;transition: all 0.4s;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.5));}
.pro-automotive_info .list .info{position: absolute;left: 0;bottom:0;z-index: 2;width: 100%;padding: var(--padding-margin__35);color: #fff;transition: all 0.5s;}
.pro-automotive_info .list .edit-info{color: #fff;transition: all 0.5s ease-in-out;max-height: 3rem;overflow-y: auto;margin-top:var(--padding-margin__25);max-width: none;}
.pro-automotive_info .list .info .icon img{width: 0.55rem;}
.pro-automotive_info .list .info aside{font-weight: var(--font-weight__sb);color: rgba(var(--white-color__rgb),0.6);font-size: var(--font-size__36);}
.pro-automotive_info .list .info h3{font-size: var(--font-size__24);line-height: calc(30 / 24);margin: var(--padding-margin__15) 0 0;font-weight: var(--font-weight__sb);}

.pro-automotive_tec .ispic{position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 0.74rem);overflow: hidden;}
.pro-automotive_tec .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(0,0,0,0.4);}
.pro-automotive_tec .bg{height: 150%;top: -50%;}
.pro-automotive_tec .edit-info{color: #fff;}
.pro-automotive_tec .right .edit-info:nth-child(1){margin-bottom: var(--padding-margin__20);}
.unfold-txt2{background-color: #fff;}
.unfold-txt2 .item{position: relative;z-index: 1;padding: var(--padding-margin__45);border-bottom: 0;}
.unfold-txt2 .item:not(:last-child){border-bottom: 1px solid rgba(var(--black-color__rgb),0.2);}
.unfold-txt2 .num{padding-left: 0.05rem;width: calc(70 / 770 * 100%);font-weight: var(--font-weight__sb);font-size: var(--font-size__24);opacity: 0.5;}
.unfold-txt2 .info{flex: 1;}
.unfold-txt2 .edit-info{color: #666666;display: none;margin-top:var(--padding-margin__15);}
.unfold-txt2 h3{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin: 0;position: relative;cursor: pointer;}
.unfold-txt2 h3 .arr{position: absolute;right: 0;width: 0.23rem;height: 0.07rem;top: 50%;transform: translateY(-50%);background: url(../images/page/next.svg) no-repeat center center/contain;opacity: 0.5;transition: all 0.5s;}
.unfold-txt2 .item:hover h3 .arr{background-image: url(../images/arr_r_red.svg);opacity: 1;}
.unfold-txt2 .item.cur .num{opacity: 1;}
.unfold-txt2 .item.cur h3 .arr{transform: translateY(-50%) rotate(90deg);}

.pro-automotive_solution .edit-info.auto{max-width: 100%;margin: var(--padding-margin__60) 0 0 0;}
.pro-automotive_solution .list h3{font-size: var(--font-size__30);font-weight: var(--font-weight__sb);margin: 0 0 var(--padding-margin__40);}
.pro-automotive_solution .edit-info p{position: relative;padding-left: 0.28rem;}
.pro-automotive_solution .edit-info p:before{width: 0.14rem;height: 0.14rem;content: "";left: 0;top: 0.05rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);}
.pro-automotive_solution .edit-info p:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.04rem;top: 0.09rem;position: absolute;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 1);}
.pro-automotive_solution .list .ispic{border-radius: 0.15rem;}
.pro-automotive_solution .list .item:not(:last-child){margin-bottom: var(--padding-margin__90);}
.pro-automotive_solution .list .item:nth-child(1) .edit-info:nth-child(1){margin-bottom:var(--padding-margin__40)}
.pro-automotive_solution .list .item:nth-child(2) .info .edit-info:last-child{margin-top:var(--padding-margin__40)}
.pro-automotive_solution .list .item:nth-child(2) .edit-info:nth-child(1){display:none;}

.pro-automotive_tablet{background-color: #f5f5f5;}
.pro-automotive_tablet .subTit  .edit-info{max-width: 10.6rem;margin: 0.2rem auto 0;}
.pro-automotive_tablet .swiper{width: 100%;padding: 0 40% 0 12.5%;}
.pro-automotive_tablet a{display: block;border-radius: 0.2rem;}
.pro-automotive_tablet .ispic{border-radius: 0.2rem;padding-bottom: calc(600 / 930 * 100%);}
.pro-automotive_tablet .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;content: '';background-color: rgba(0,0,0,0.5);transition: all 0.5s;}
.pro-automotive_tablet .info{position: absolute;left: 0.5rem;bottom: 0.5rem;width: calc(100% - 1rem);border-radius: 0.2rem;z-index: 2;transition: all 0.5s;}
.pro-automotive_tablet .info h3{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin: 0;}
.pro-automotive_tablet .info pre{display: none;margin-top:var(--padding-margin__20);}
.pro-automotive_tablet .swiper-slide-active .info,.pro-automotive_tablet .swiper-slide:hover .info{backdrop-filter: blur(20px) saturate(150%);padding:var(--padding-margin__45) var(--padding-margin__55);background-color: rgba(255,255,255,0.8);}
.pro-automotive_tablet .swiper-slide-active .ispic:after{opacity: 0;}
.pro-automotive_tablet .swiper-slide-active h3,.pro-automotive_tablet .swiper-slide:hover h3{animation:fadeInUpSmall 0.3s 0.4s ease both;-webkit-animation:fadeInUpSmall 0.3s 0.4s ease both;-moz-animation:fadeInUpSmall 0.3s 0.4s ease both;}
.pro-automotive_tablet .swiper-slide-active pre,.pro-automotive_tablet .swiper-slide:hover pre{animation:fadeInUpSmall 0.6s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.6s 0.5s ease both;-moz-animation:fadeInUpSmall 0.6s 0.5s ease both;display: block;}
.pro-automotive_tablet .swiper-slide:not(.swiper-slide-active) h3{color: #fff;}
.pro-automotive_tablet .swiper-slide:hover h3{color: #333;}
.pro-automotive_tablet .pages{margin-top: var(--padding-margin__40);}
.pro-automotive_tablet .arr{position: static;transform: translate(0,0);margin-top: 0;}
.pro-automotive_tablet .swiper-button-prev{margin-right: 0.32rem;}
.pro-automotive_tablet .swiper-button-next{margin-left: 0;}
.pro-automotive_tablet .swiper-pagination{text-align: right;width: 50%;bottom: 0.25rem;left: auto;right: 0;display: none !important;}

@media(min-width:1025px){
  .pro-automotive_info .list{margin-left: -0.15rem;}
  .pro-automotive_info .list .item{flex: 1;margin: 0 0 0 0.15rem;transition: all 1s ease-in-out;}
  .pro-automotive_info .list .info.in{transition: all 0.5s;width: 2.77rem;}
  .pro-automotive_info .list .info.out{opacity: 0;bottom: -100%;transition: all 0.8s;padding: var(--padding-margin__50);width: 5.6rem;}
  .pro-automotive_info .list .info.out aside{font-size: var(--font-size__60);}
  .pro-automotive_info .list.w5 .info.out{width: 4.8rem;}
  .pro-automotive_info .list.w5 .info.in{padding-left: var(--padding-margin__15);padding-right: var(--padding-margin__15);}
  .pro-automotive_info .list.w5 .info.in{width: 2.5rem;}
  .pro-automotive_info .list.w6 .info.out{width: 3.9rem;}
  .pro-automotive_info .list.w6 .info.in{padding-left: var(--padding-margin__15);padding-right: var(--padding-margin__15);}
  .pro-automotive_info .list.w6 .info.in{width: 2.3rem;}
  .pro-automotive_info .list .item:hover{flex: 2;}
  .pro-automotive_info .list .item:hover .info.in{opacity: 0;bottom: -100%;}
  .pro-automotive_info .list .item:hover .info.out{opacity: 1;bottom: 0;}
  .pro-automotive_info .list .item:hover .ispic:before{background-color: rgba(var(--black-color__rgb), 0.5);}
  .pro-automotive_info .list .item:hover .ispic:after{opacity: 1;}

  .pro-automotive_tec .left{width: calc(415 / 1440 * 100%);}
  .pro-automotive_tec .right{width: calc(860 / 1440 * 100%);padding-top: var(--padding-margin__50);}
  .pro-automotive_tec .unfold-txt2{padding: 0.21rem 0 0.21rem 0.76rem;}
  .pro-automotive_tec .unfold-txt2:after{background-color: #fff;left: 0;top: 0;width: 11rem;height: 100%;content: "";position: absolute;box-shadow: 0 0 10px rgba(85,85,85,0.1);}

  .pro-automotive_solution .list .item:nth-child(odd){flex-direction: row-reverse;}
  .pro-automotive_solution .list .info{width: calc(650 / 1440 * 100%);}
  .pro-automotive_solution .list .ispic{width: calc(700 / 1440 * 100%)}

  /* .pro-automotive_tablet .swiper-pagination{display: none;} */
  .pro-automotive_tablet .pages .edit-info{flex:1;padding-left:1.5rem;}
}
@media(max-width:1680px){
  .pro-automotive_tablet .swiper{padding-left: 6.25%;}
}
@media(max-width:1024px){
  .pro-automotive_solution .list .ispic{margin-bottom: 0.25rem;}
  .pro-automotive_tablet .swiper{padding: 0 10% 0 5%;}
  .pro-automotive_tablet .pages .edit-info{padding-top:0.25rem;}
}
@media(max-width:768px){
  .pro-aipc_info .inforarea3 .left .ispic{top: -100%;}
  .pro-automotive_info .item {width: 100%;}
  .pro-automotive_info .list .ispic{padding-bottom: 60%;}
  .pro-automotive_info .list .info.in{opacity: 0;}
}

/* --s--- */
.no-pic{width: 100%;}
.pro-tablets_info{overflow: hidden;}
.pro-tablets_info .ispic{border-radius: 0.15rem;}
.pro-tablets_info .edit-info{margin-bottom: var(--padding-margin__0);}
.pro-tablets_info .pic{margin: 0px auto;text-align: center;}

.pro-tablets_core{background-color: #f5f5f5;}
.pro-tablets_core .list .item{border-radius: 0.2rem;box-shadow: 0 0 0.3rem rgba(85,85,85,0.1);background-color: #fff;}
.pro-tablets_core .list .item:not(:last-child){margin-bottom:var(--padding-margin__40);}
.pro-tablets_core .list .ispic{border-radius: 0.2rem;background-color: #f8f8f8;}
.pro-tablets_core .list .info{padding: var(--padding-margin__50);}
.pro-tablets_core .list h3{margin: 0 0 var(--padding-margin__20) 0;font-size: var(--font-size__30);font-weight: var(--font-weight__sb);line-height: calc(42 / 30);}

.pro-tablets_strong{text-align: center;min-height: 7.8rem;background-color: rgba(var(--black-color__rgb), 0.3);padding: var(--padding-margin__140) 0;}
.pro-tablets_strong .edit-info{max-width: 6.53rem;margin-left:auto;margin-right:auto;color: #fff;font-size: var(--font-size__16);font-weight: var(--font-weight__sb);line-height: calc(30 / 20);}
.pro-tablets_strong .bg:after{left: 0; top: 0;width: 100%;height: 100%;background-color: rgba(var(--black-color__rgb), 0.4);position: absolute;content: "";}
.pro-tablets_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;}

@media(min-width:1025px){
  .pro-tablets_info .info{flex: 1;padding-right: 0.2rem;}
  .pro-tablets_info .edit-info{max-width: 5.7rem;}
  .pro-tablets_info .ispic{width: calc(700 / 1400 * 100%);}

  .pro-tablets_core .list .ispic{width: calc(700 / 1400 * 100%);}
  .pro-tablets_core .list .info{flex: 1;padding: 0.4rem 1.2rem;}
  .pro-tablets_core .list .item:nth-child(even){flex-direction: row-reverse;}
  .pro-tablets_strong .bg{display: none;}
  .pro-tablets_strong .w1440{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
}
@media(max-width:1024px){
  .pro-phone_rd.ta .list .pic{top: -65%;}
}
@media(max-width:768px){
 .pro-phone_rd.ta .list .pic{top: -35%;position: static;transform: translate3d(0,0,0) !important;margin: 0px auto;}
  .pro-tablets_strong{min-height: 3rem;}
}

/* --s--- */
.pro-eyewear_info{background-color: #05091a;}
.pro-eyewear_info .content{max-width: 10.8rem;margin: 0px auto;color: #fff;}
.pro-eyewear_info .ispic{border-radius: 0.2rem;padding-bottom: calc(607 / 1080 * 100%);margin-bottom: var(--padding-margin__20);}
.pro-eyewear_info .ispic span{position: absolute;right: var(--padding-margin__30);top: var(--padding-margin__30);z-index: 2;background-color: rgba(var(--black-color__rgb), 0.5);color: #fff;padding: 0.1rem 0.25rem;border-radius: 0.05rem;font-size: var(--font-size__20);}
.pro-eyewear_info .ispic figure{transition: opacity 0.5s ease;opacity: 0;}
.pro-eyewear_info .ispic figure.active{opacity: 1;}
.pro-eyewear_info .change-tab{border-bottom: 1px solid rgba(var(--white-color__rgb), 0.2);margin-bottom: var(--padding-margin__30);white-space: nowrap;overflow: hidden;overflow-x: auto;}
.pro-eyewear_info .change-tab li{min-height: 0.8rem;display: flex;align-items: center;justify-content: center;position: relative;font-weight: var(--font-weight__sb);color: rgba(var(--white-color__rgb), 0.5);cursor: pointer;}
.pro-eyewear_info .change-tab li:not(:last-child){margin-right: 0.3rem;}
.pro-eyewear_info .change-tab li:after{position: absolute;left: 0;bottom: 0px;width: 0;transition: all 0.5s;content: '';background-color: var(--white-color);height: 1px;}
.pro-eyewear_info .change-tab li.on{color: rgba(var(--white-color__rgb), 1);}
.pro-eyewear_info .change-tab li.on:after{width: 100%;}
.pro-eyewear_info .edit-info{color: #fff;}

.pro-eyewear_class .list .item{padding:0 0 var(--padding-margin__30) 0.65rem;}
.pro-eyewear_class .ispic{overflow: visible;max-width: 10.5rem;margin: 0px auto;}
.pro-eyewear_class .ispic:after{position: absolute;width: 6.45rem;height: 6.36rem;left: 50%;top: 50%;margin: -3.1rem 0 0 -3.5rem;content: "";background: url(../images/cricle.png) no-repeat center center/contain;z-index: -1;animation: turn 20s linear infinite;}
.pro-eyewear_class .ispic:hover:after{animation-play-state: paused}
.pro-eyewear_class .list h3{font-size: var(--font-size__36);font-weight: var(--font-weight__sb);line-height: calc(42 / 36);margin: 0 0 var(--padding-margin__25);}
.pro-eyewear_class .list h3:before{position: absolute;left: 0;top: 0;}
.pro-eyewear_class .list .item:nth-child(2) h3:before{content:"01";}
.pro-eyewear_class .list .item:nth-child(3) h3:before{content:"02";}
.pro-eyewear_class .list .item:nth-child(4) h3:before{content:"03";}
.pro-eyewear_class .list .item:nth-child(5) h3:before{content:"04";}
.pro-eyewear_class .list .item:nth-child(6) h3:before{content:"05";}
.pro-eyewear_class .list .item:nth-child(7) h3:before{content:"06";}
.pro-eyewear_class .list .item:nth-child(8) h3:before{content:"07";}
.pro-eyewear_class .list .item:nth-child(9) h3:before{content:"09";}
.pro-eyewear_class .list .item:nth-child(10) h3:before{content:"10";}

.pro-eyewear_ar{background-color: #f5f5f5;padding-bottom: var(--padding-margin__60);}
.pro-eyewear_ar .ispic{border-radius: 0.2rem;padding-bottom: calc(585 / 780 *100%);}
.pro-eyewear_ar .ispic:after{content: "";width: 100%;height: 40%;bottom: 0;z-index: 1;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.4));position: absolute;}
.pro-eyewear_ar .text{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;padding: var(--padding-margin__40) var(--padding-margin__50);color: #fff;}
.pro-eyewear_ar .text h3{margin: 0 0 var(--padding-margin__15);font-weight: var(--font-weight__sb);font-size: var(--font-size__36);line-height: calc(24 / 20);}
.pro-eyewear_ar .edit-info{color: #fff;}
.pro-eyewear_ar .info dd{background-color: #fff;border-radius: 0.2rem;padding:var(--padding-margin__50) var(--padding-margin__30) var(--padding-margin__30);margin-bottom: 0.18rem;width: calc(310 / 640 * 100%);position: relative;transition: all 0.5s;}
.pro-eyewear_ar .info dd:hover{background-color:rgba(var(--white-color__rgb), 0.4);}
.pro-eyewear_ar .info dd:nth-last-child(-n+2){margin-bottom: 0;}
.pro-eyewear_ar .info .icon{margin-bottom: 0.15rem;}
.pro-eyewear_ar .info .icon img{height: 0.6rem;}
.pro-eyewear_ar .info h3{margin: 0;font-weight: var(--font-weight__sb);font-size: var(--font-size__20);line-height: calc(24 / 20);}
.pro-eyewear_ar .pages .arr{position:static;transform: translate(0,0);margin: var(--padding-margin__60) var(--padding-margin__30) 0;}

@media(min-width:769px){
.pro-eyewear_class .list .item{position: relative;max-width: 6.8rem;}
.pro-eyewear_class .list .item:nth-child(2){margin-left: calc(264 / 1440 * 100%);padding-bottom: 0;}
.pro-eyewear_class .list .item:last-child{padding-bottom: 0;}
.pro-eyewear_class .list .ispic { order: 2; }
.pro-eyewear_class .list .item:nth-child(2) { order: 1; }
.pro-eyewear_class .list .item:nth-child(3) { order: 3; }
.pro-eyewear_class .list .item:nth-child(4) { order: 4; }
.pro-eyewear_class .list .item:nth-child(5) { order: 6; }
.pro-eyewear_class .list .item:nth-child(6) { order: 7; }
.pro-eyewear_class .list .item:nth-child(7) { order: 8; }
.pro-eyewear_class .list .item:nth-child(8) { order: 9; }
.pro-eyewear_class .list .item:nth-child(9) { order: 10; }
.pro-eyewear_class .list .item:nth-child(10) { order: 11; }

.pro-eyewear_ar .info .icon{position: absolute;left: var(--padding-margin__30);top: var(--padding-margin__50);}
.pro-eyewear_ar .ispic{width: calc(780 / 1440 * 100%);padding-bottom: 5.85rem;}
.pro-eyewear_ar .info{width: calc(640 / 1440 * 100%);}
.pro-eyewear_ar .info dd{height: 2.83rem;}
}
@media(max-width:1024px){
  .subPage.mb0{padding-bottom: var(--padding-margin__30) !important;}
}
@media(max-width:768px){
  .pro-eyewear_ar .ispic{margin-bottom: 0.25rem;}
  .pro-eyewear_class .ispic:after{width: 4.5rem;height: 4.5rem;margin: -2.25rem 0 0 -2.25rem;}
}

/* --s--- */
.pro-watches_design .item{border-radius: 0.2rem;margin-bottom: var(--padding-margin__30);position: relative;}
.pro-watches_design .item .ispic{padding-bottom: calc(600 / 900 * 100%);border-radius: 0.2rem;}
.pro-watches_design .item:last-child{margin-bottom: 0;}
.pro-watches_design .item .info{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;padding: var(--padding-margin__55) var(--padding-margin__60);}
.pro-watches_design .item .info h3{font-size: var(--font-weight__sb);font-size: var(--font-size__30);line-height: calc(42 / 30);margin: 0 0 var(--padding-margin__20);}
.pro-watches_design .item:nth-child(4n+1){color: #fff;}
.pro-watches_design .item:nth-child(4n+1) .edit-info{color: #fff;}
.pro-watches_design .item:nth-child(4n+4){color: #fff;}
.pro-watches_design .item:nth-child(4n+4) .edit-info{color: #fff;}
.pro-watches_design .item:nth-child(1) .info h3{display:none;}
.pro-watches_design .item:nth-child(1) .info{top: auto;bottom: 0;text-align: right;}
.pro-watches_design .item:nth-child(1) .info .edit-info{color: #666;}
.pro-watches_cp{background-color: #f5f5f5;}
.pro-watches_cp .item{text-align: center;padding-top: 0.45rem;}
.pro-watches_cp .item .ispic{overflow: visible;border-radius: 0.2rem;transition: var(--transition);}
.pro-watches_cp .item .ispic img{border-radius: 0.2rem;}
.pro-watches_cp .item:hover .ispic{transform: translateY(-0.45rem);}
.pro-watches_cp .item .pic{position: absolute;top: 50%;width: 11.042vw;height:22.292vw;transform: translateY(-50%);right: -0.32rem;z-index: 2;}
.pro-watches_cp .item .pic img{width: 100%;height: 100%;}
.pro-watches_cp .item h3{line-height: calc(42 / 24);margin: var(--padding-margin__30) 0 0 0;}

.pro-watches_luxury{min-height: 8.84rem;padding: var(--padding-margin__200) 0;z-index: 3;}
.pro-watches_luxury .edit-info{max-width: 6.45rem;margin-left:auto;margin-right:auto;}
.pro-watches_luxury .pic{position: absolute;}
.pro-watches_luxury .pic img{width: 100%;height: 100%;}
.pro-watches_luxury .pic.p1{top: 55%;right: -0.38rem;width: 26.302vw;height: 29.115vw;}
.pro-watches_luxury .pic.p2{bottom: 35%;left: -0.45rem;width: 39.063vw;height: 25.365vw;}

.pro-watches_alg{color: #fff;background-color: #1c1e1f;}
.pro-watches_alg .ispic{overflow: visible;padding-top: var(--padding-margin__40);}
.pro-watches_alg .ispic:after{position:absolute;left: 0;top: 0;width: 100%;height: 50%;border-radius: 0.2rem;background-color: rgba(var(--white-color__rgb),0.09);content: "";z-index: -1;}
.pro-watches_alg .ispic img{border-radius: 0.2rem;transition: var(--transition);}
.pro-watches_alg .swiper-slide:hover .ispic img{transform: translateY(-0.2rem);}
.pro-watches_alg .info{font-size: var(--font-size__16);line-height: calc(28 / 20);padding: var(--padding-margin__65) 0;}
.pro-watches_alg .info p{position: relative;margin: 0;}
.pro-watches_alg .info p + p{margin-top: var(--padding-margin__30);}
.pro-watches_alg .info p .num{position: absolute;left: -0.35rem;top: 0;}

.pro-watches_partner{background-color: #f6f6f6;}
.pro-watches_partner .w1440{min-height: 4.2rem;pointer-events: none;}
.pro-watches_partner .edit-info{font-size: var(--font-size__16);line-height: calc(40 / 24);color: #666;margin-top: var(--padding-margin__20);}

.pro-watches_partner .load-partner{position: absolute;top: 0;padding: 0.2rem;width: 100%;height: 100%;left: 0;}
.pro-watches_partner .load-partner:before{position: absolute;width: 70%;height: calc(100% - 0.2rem);content: "";left: 0;top: 0.2rem;background-image: linear-gradient(to right, #fff 80% , rgba(255,255,255,0));z-index: 10;}
.pro-watches_partner .load-partner li{height: 1.8rem;line-height: 1.8rem;border-radius: 0.1rem;border:1px solid #f3f3f3;background: #fff;margin:0 0.2rem 0.2rem 0;text-align: center;display: flex;align-items: center;justify-content: center;transition: all .5s;}
.pro-watches_partner .load-partner li img{max-height:1.2rem;}
.pro-watches_partner .load-partner li:hover{border:1px solid var(--primary-color);}

@media(min-width:769px){
  .pro-watches_design .item:nth-child(4n+1){width: calc(900 / 1440 * 100%);}
  .pro-watches_design .item:nth-child(4n+2){width: calc(510 / 1440 * 100%);}
  .pro-watches_design .item:nth-child(4n+3){width: calc(510 / 1440 * 100%);}
  .pro-watches_design .item:nth-child(4n+4){width: calc(900 / 1440 * 100%);}
  .pro-watches_design .item .ispic{padding-bottom: 6rem;}
  .pro-watches_design .item:nth-last-child(-n+2){margin-bottom: 0;}

  .pro-watches_cp .list{margin-left: -0.5rem;}
  .pro-watches_cp .item{margin-left: 0.5rem;}
  .pro-watches_cp .item:nth-child(3n+1){width: calc(35.5% - 0.5rem);}
  .pro-watches_cp .item:nth-child(3n+2){width: calc(29% - 0.5rem);}
  .pro-watches_cp .item:nth-child(3n+3){width: calc(35.5% - 0.5rem);}
  .pro-watches_cp .item .ispic{padding-bottom: 26.042vw;}
  .pro-watches_cp .item:nth-child(2) .ispic img{width: 21.198vw;}
  .pro-watches_cp .item:nth-child(3) .pic{position: absolute;bottom:0;width: 17.552vw;height:24.375vw;left: -0.64rem;z-index: 2;right: auto;top: auto;transform: translateY(0);}

  .pro-watches_alg .subTit {width: calc(653 / 1440 * 100%);position:absolute;right:0;top:0;}
  .pro-watches_alg .ispic{width: calc(700 / 1440 * 100%);margin-left: 1px;}
  .pro-watches_alg .info{width: calc(653 / 1440 * 100%);padding-right: var(--padding-margin__60);}
  .pro-watches_alg .pages{position: absolute;bottom: 0;width: calc(653 / 1440 * 100%);right: 0;}
  .pro-watches_alg .pages .arr{position: static;transform: translate(0,0);margin: 0;}
  .pro-watches_alg .pages .swiper-button-prev{margin-right: 0.28rem;}

  .pro-watches_partner .subTit{max-width: 7.1rem;}
}
@media(max-width:768px){
.pro-watches_cp .item .ispic{padding-bottom: 60%;}
.pro-watches_cp .item .pic{right: 0;width: 3rem !important;height: 100% !important;}
.pro-watches_cp .item:nth-child(3n+3) .pic{left: 0;right: 0;bottom: 0;display: flex;align-items: flex-end;}
.pro-watches_cp .item:nth-child(3n+3) .layer{top: auto !important;bottom: 0;}

.pro-watches_luxury{min-height: 5rem;}
.pro-watches_luxury .pic.p2{bottom: 80%;}

.pro-watches_partner{padding-bottom: 0;}
.pro-watches_partner .w1440{min-height: auto;}
.pro-watches_partner .load-partner{position: relative;}
.pro-watches_partner .load-partner li{height: 1rem;line-height: 1rem;}
.pro-watches_partner .load-partner li img{max-height: 1rem;}
.pro-watches_partner .load-partner:before{width: 50%;background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));}
}
@media(max-width:480px){
.pro-watches_cp .item .pic{width: 1.5rem !important;}
.pro-watches_cp .item:nth-child(3n+3) .pic{width: 2rem !important;}
.pro-watches_luxury .pic.p2{bottom: 50%;} 
.pro-watches_luxury{min-height:3.35rem;} 
.pro-watches_luxury .pic.p1{top:70%;}
.pro-watches_luxury .pic.p2{bottom:72%;}
}

/* --s--- */
.pro-other_list .item:not(:last-child){margin-bottom: var(--padding-margin__30);}
.pro-other_list .ispic{border-radius: 0.2rem;}
.pro-other_list .info{border-radius: 0.1rem;background-color: #fff;box-shadow: 0 0.11rem 0.35rem rgba(57,63,80,0.15);padding: var(--padding-margin__40);}
.pro-other_list .info .icon img{max-width: 0.7rem;}
.pro-other_list .info h4{font-size: var(--font-size__30);font-weight: var(--font-weight__sb);margin: var(--padding-margin__20) 0 var(--padding-margin__15);}

.pro-other_info{overflow: hidden;min-height: 43.75vw;color: #fff;background-color: transparent;}
.pro-other_info .info{line-height: calc(42 / 30);font-weight: var(--font-weight__sb);font-size: var(--font-size__30);}
.pro-other_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
@media(min-width:769px){
  .pro-other_list .item:not(:last-child){margin-bottom: var(--padding-margin__60);}
  .pro-other_list .ispic{width: calc(750 / 1440 * 100%);}
  .pro-other_list .info{width: calc(700 / 1440 * 100%);position: relative;z-index: 2;min-height: 3rem;margin:0 0.18rem 0 -0.29rem;padding: var(--padding-margin__50) var(--padding-margin__90);}
  .pro-other_list .item:nth-child(even){flex-direction: row-reverse;}
  .pro-other_list .item:nth-child(even) .info{margin-left: 0.18rem;text-align: right;margin:0 -0.29rem 0 -0.18rem;}
  .pro-other_info .w1440{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
}
@media(max-width:1024px){
  .pro-other_info .is-bgImg__cover{height: 140%;top: -80%;}
}

.sitemap{}
.sitemap .group{border-bottom: 1px solid rgba(0,0,0,0.1);padding: 0.2rem 0 0.1rem 0;}
.sitemap .group h3{width: 30%;}
.sitemap .group h3 a{color: #333;}
.sitemap .group h3 a:hover{color: var(--primary-color);}
.sitemap .group dl{width: 70%;}
.sitemap .group dl dd{margin: 0 3% 0.1rem 0;min-width: 30%;border: 1px solid rgba(0,0,0,0.08);border-radius: 4px;text-align: center;}
.sitemap .group dl a{display: block;padding: 0.05rem 0.1rem;}
.sitemap .group dl dd:hover{border: 1px solid var(--primary-color);}

@media screen and (max-width:480px){
    .pro-watches_design .item:nth-child(2) .ispic {
        padding-bottom: 100%;
    }
}


/* location */
.locationPop{background-color: rgba(0,0,0,0.6);position: fixed;left: 0;top: 0;z-index: 10001;width: 100%;height: 100%;}
.locationPop .content{position: absolute;left: 50%;top: 50%;z-index: 1002;background-color: #fff;border-radius: 0.15rem;width: 9rem;padding: 3.646vw 7.292vw 4.4vw;transform: translate(-50%,-50%);}
.locationPop .close{position: fixed;right: 0.2rem;top: 0.2rem;cursor: pointer;background: url(../images/close-black.svg) no-repeat center center/contain;width: 0.3rem;height: 0.3rem;cursor: pointer;}
.locationPop .close:hover{opacity: 0.6;}
.locationPop .title{text-align: center;font-size:var(--font-size__30);line-height: 1;margin-bottom: 0.43rem;}
.locationPop .text{line-height: 1.5;color: #666666;margin-bottom: 0.5rem;}
.locationPop .current{margin: 0 0 0.1rem;color: #000000;font-weight: var(--font-weight__sb);font-size: var(--font-size__20);}
.locationPop .current span{color: var(--primary-color);}
.locationPop .btn{display: flex;align-items: center;}
.locationPop .btn a{height: 0.55rem;padding: 0 var(--padding-margin__30);text-align: center;border: 2px solid #a0a0a0;border-radius: 0.55rem;display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight__l);}
.locationPop .btn a:not(:last-child){margin-right: var(--padding-margin__30);}
.locationPop .btn a:hover{opacity: 0.8;}
.locationPop .btn a.on{color: #fff;background-color:var(--primary-color);border-color: var(--primary-color);color: #fff;}
.locationPop .rem{margin-top: 0.3rem;color: #000000;font-weight: var(--font-weight__l);}

.locationPop input[type="checkbox"]{width: 0.16rem; height: 0.16rem;vertical-align: middle;appearance: none;print-color-adjust: exact;cursor: pointer;border: 1px solid #aaaaaa;position: relative;margin: -0.04rem 0.02rem 0 0;}
.locationPop input[type="checkbox"]:checked{background: var(--primary-color) url(../images/goux.svg) no-repeat center center/contain;border-color: var(--primary-color);}

@media(max-width:768px){
	.locationPop .content{width:90%;}
}
@media(max-width:480px){
	.locationPop .btn a{font-size: 12px;}
	.locationPop input[type="checkbox"]{width: 12px; height: 12px;}
}